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

我成功地删除了elevation: 0的阴影elevation: 0按钮的样式为elevation: 0 。

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>
  );
}

Answer 3

关于使用css删除阴影怎么样？

style="box-shadow: 0px 0px 0p;"

Answer 4

you can't use style="box-shadow: 0px 0px 0p;" at all there is multi way to approach this i personal use elevation: 0

if you use router-flux for navigation pls consider that icons appear with shadow just on android but no shadow exist for ios version by default

Answer 5

以下代码将删除按钮阴影

style = {{ elevation: 0 }}