我如何删除react-native按钮阴影？

Question

我想找出React Native。当我创建按钮时，我看到意外的底部阴影。我怎么能阻止？ （灰色）

代码：

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

Answer 1

我认为不可能。如果您不需要按钮高程（阴影），则可以使用Touchables（TochableOpacity，TochableHighlight，TouchableWithoutFeedback）创建自己的react-native按钮。这不是什么大不了的事。

请参阅docs。

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

Answer 2

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

Answer 3

关于使用css删除影子的问题？

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

Answer 4

您完全不能使用 style =“ box-shadow：0px 0px 0p;”  我可以使用多种方式来实现此目的海拔高度：0

如果您使用router-flux进行导航，请考虑图标仅在android上带有阴影出现，但默认情况下ios版本没有阴影

Answer 5

以下代码将删除按钮阴影

{{1}}