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

【问题标题】：How i can remove react-native button shadow?我如何删除 react-native 按钮阴影？
【发布时间】：2017-12-05 08:59:52
【问题描述】：

我正在尝试弄清楚 React Native。当我创建按钮时，我看到了意想不到的底部阴影。我该如何预防？（灰色）

代码：

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

【问题讨论】：

标签： javascript reactjs react-native

【解决方案1】：

我成功移除了按钮样式中带有elevation: 0 的阴影。

【讨论】：

【解决方案2】：

我认为这是不可能的。如果您不需要按钮提升（阴影），您可以使用 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>
  );
}

【讨论】：

【解决方案3】：

你根本不能使用 style="box-shadow: 0px 0px 0p;" 有多种方法可以解决这个问题，我个人使用 elevation: 0

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

【讨论】：

【解决方案4】：

以下代码将移除按钮阴影

style = {{ elevation: 0 }}

【讨论】：

这对我在 Button 组件上不起作用。这当然适用于其他类型的组件，例如 View 用于调整“高度”或“阴影”。其他人有运气吗？

【解决方案5】：

使用css去除阴影怎么样？

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

【讨论】：