How i can remove react-native button shadow?

Question

I am trying to figure out React Native. When I created button I see unexpected bottom shadow. How can i prevented? (Gray color)

Code:

<Button 
    title="LOGIN"
    color='#f2a743'
/>

Answer 1

I successfully removed the shadow with elevation: 0 in the button's style.

Answer 2

I don't think thats possible. If you don't need a button elevation (shadow), you may create your own react-native button using using Touchables(TochableOpacity, TochableHighlight, TouchableWithoutFeedback). And it's not a big deal.

Please refer to the docs.

renderButton = () => { 
  return ( 
    <TouchableOpacity onPress={this._onPressButton}> 
      <ImageBackground style={styles.button} source={require('./myButton.png')} >
      <Text>Press me</Text>
      </ImageBackground>
    </TouchableOpacity>
  );
}