没有样式的 React Native 按钮答案

【问题标题】：React Native button with no style没有样式的 React Native 按钮
【发布时间】：2021-04-11 09:07:22
【问题描述】：

我有一个水平视图：

<View style={{flex: 1, flexDirection: 'row'}}>
   <Text style={styles.bottomTextSignIn}>I'm already a member, </Text>
   <Button 
      title="Sign In"
      onPress={() => navigation.navigate("Login")}
   />
</View>

我试图让button 看起来像text，而不是styling，所以它看起来像是句子“I'm already a member, Sign In”的一部分

目前它的文本旁边有一个蓝色按钮。我尝试将按钮颜色更改为白色，从而在其周围留下阴影。有没有办法删除按钮的样式？还是其他方式？

【问题讨论】：

标签： reactjs react-native button

【解决方案1】：

按钮组件是具有样式的“可触摸/可按下”组件。 link

我想你正在寻找pressable component。

<Pressable onPress={() => alert('hey')}>
  <Text>I'm pressable!</Text>
</Pressable>

【讨论】：

onPress={() => alert('hey')}>

【解决方案2】：

您可以简单地将按钮标签替换为并处理文本上的 onPress 事件以及与第一个文本不同的样式

【讨论】：