reactjs React本机纸张按钮背景色

62lalag4  于 2023-03-17  发布在  React
关注(0)|答案(4)|浏览(138)

我从https://callstack.github.io/react-native-paper/button.html得到这个按钮

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

它没有背景色(正是我想要的),但当我按下它时,带有涟漪的背景色淡入。如何删除onPress背景色?

jdg4fx2g

jdg4fx2g1#

请使用TouchableOpacity
如果您使用的是TouchableHighlight请尝试添加此内容

<TouchableHighlight underlayColor='none' />
dhxwm5r4

dhxwm5r42#

你可能会问,为什么不使用可触摸的不透明度来代替按钮呢?答案是我有更多的按钮(带背景色),我希望所有按钮都使用react-native-paper自带的默认样式。
我已经找到了一个解决方案(将按钮包裹在TouchableOpacity内部),但我认为必须有更好的方法...

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

bvjveswy3#

这个库有一个按钮的 prop 叫做mode,你可以尝试传递模式 prop 给它,或者只是使用你的自定义样式

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

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

lnvxswe24#

试试这个。

<Button 
            mode="contained"
            buttonColor='#001871'
            onPress={() => console.log('Button Pressed')}>SAVE
          </Button>

相关问题