我如何刪除react-native按鈕陰影？

Question

我想弄清楚React Native。 當我創建按鈕時，我看到意外的底部陰影。 我怎么能阻止？ （灰色）

碼：

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

Answer 1

我成功地刪除了elevation: 0的陰影elevation: 0按鈕的樣式為elevation: 0 。

Answer 2

我認為不可能。 如果您不需要按鈕高程（陰影），則可以使用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>
  );
}

Answer 3

關於使用css刪除陰影怎么樣？

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

Answer 4

你不能使用style =“box-shadow：0px 0px 0p;” 總之有多種方法來處理這個個人使用高程：0

如果您使用router-flux進行導航，請考慮圖標僅在android上顯示陰影，但默認情況下ios版本不存在陰影

Answer 5

以下代碼將刪除按鈕陰影

style = {{ elevation: 0 }}