反應本機紙按鈕背景顏色

Question

我有這個按鈕來自https://callstack.github.io/react-native-paper/button.html

<Button onPress={goSignUp}>
    Sign Up
</Button>

它沒有背景顏色（正是我想要的），但是當我按下它時，帶有波紋的背景顏色會淡入。如何刪除 onPress 背景顏色？

Answer 1

請使用TouchableOpacity

如果你使用了TouchableHighlight嘗試添加這個

 <TouchableHighlight underlayColor='none' />

Answer 2

你可能會問，為什么不使用可觸摸的不透明度來代替按鈕呢？ 答案是我有更多按鈕（帶有背景顏色），並且我希望所有按鈕都具有與 react-native-paper 相同的默認樣式。

我找到了一個解決方案（將按鈕包裹在 TouchableOpacity 內），但我認為必須有更好的方法......

<TouchableOpacity onPress={goSignUp}>
   <Button style={styles.button}>Sign Up</Button>
</TouchableOpacity>

Answer 3

這個庫有一個稱為模式的按鈕道具，您可以嘗試將模式道具傳遞給它，或者只使用您的自定義樣式

<Button mode='contained'>Sign Up</Button>

或者

<Button style={{width: 200, height: 50, backgroundColor: 'blue'}}>Sign Up</Button>