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

IT技术 javascript reactjs react-native
2021-05-16 12:06:59

我想弄清楚 React Native。当我创建按钮时,我看到了意想不到的底部阴影。我该如何预防?(灰色)

在此处输入图片说明

代码:

<Button 
    title="LOGIN"
    color='#f2a743'
/>
4个回答

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

我不认为那是可能的。如果您不需要按钮高度(阴影),您可以使用 Touchables(TochableOpacity, TochableHighlight, TouchableWithoutFeedback) 创建您自己的 react-native 按钮。这没什么大不了的。

请参阅文档

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

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

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

以下代码将删除按钮阴影

style = {{ elevation: 0 }}