css - 如何禁用每个 TouchableOpacity 上的双边框？

Question

我正在制作一个 React Native 应用程序，其中有 2 个按钮/TouchableOpacity。在设置这些按钮的样式时，即使在各自的样式表中明确声明“纯色”边框样式，它们也会获得双边框。 (在随附的屏幕截图中，中间按钮全是白色，但当我将边框设为不同颜色时，它也是双按钮)。我在整个文件的任何地方都没有定义双边框样式。

左下按钮样式表:

  roomsbutton: {
    alignItems: 'center',
    backgroundColor: '#009DDC',
    padding: 5,
    borderRadius: 2,
    borderWidth: 1,
    borderStyle: "solid",
    borderColor: 'white',
    color: 'white',
  }

及其父 View :

<View style={styles.bottom}>
        <TouchableOpacity 
      style={styles.roomsbutton}
      onPress={() => Alert.alert('more rooms')}
      >
        <Text style={styles.roomsbutton} >FIND MORE FREE ROOMS</Text>
      </TouchableOpacity>
      </View>

Answer 1

您正在将样式传递给 <TouchableOpacity>和 <Text>成分。所以他们都被边界包围了