title: How to use gradient in react native
body: <p>Hey guys can anyone tell me how to use gradient in react native without using Linear gradient as i am unable to use it react native bottom tab bar and react native element card.</p>
  
  <pre><code>const MainScreen = createBottomTabNavigator(
        {
          Home : {
            screen : HomeStack,
            navigationOptions: {
              tabBarLabel:"MY MOVIES",
              tabBarIcon: ({focused}) =&gt; (
                &lt;Ionicons
                    name={focused ? 'ios-home' : 'md-home'}
                    size={35}
                    style={{ color: focused ? '#33A3F4' : '#949494'}}
                /&gt;
            ),
            }
          },
          AddMovie : {screen : AddMovie,
            navigationOptions: {
              tabBarLabel:"ADD MOVIE",
              tabBarIcon: ({focused}) =&gt; (
                &lt;Ionicons
                    name={"md-add-circle"}
                    size={focused?35:30}
                    style={{ color: focused ? '#33A3F4' : '#949494'}}
                /&gt;
  
             ), 
            }
          },
        },
        {
          tabBarOptions: {
            activeTintColor: 'tomato',
            inactiveTintColor: 'gray',
            style: {
              backgroundColor:  '#f1f7ed', //want this thing to be gradient
              height:50,
            },
          },
          lazy: true,
          swipeEnabled: true,
          animationEnabled: true,
        }
        );
  
  </code></pre>
  
  <p>want to change MainScreen(BottontabBar) background to gradient background</p>