react-native - 在 React Native 上使用 onPress 更改文本颜色

Question

我认为我有 3 TouchableHighLight。它都有文字颜色是白色的。我希望当我按下其中一个按钮时，文本颜色会变为绿色。但是当我按下它时，按钮中的所有文本颜色都会变成绿色。请帮我。

标签： react-native

Answer 1

在这种情况下，我建议使用 Pressable API 及其 children 道具。

      <Pressable
        children={({ pressed }) => (
          <Text style={{ color: pressed ? '#FF9E00' : '#222'}}>
            text
          </Text>
        )}/>

这样，当单击一个项目时，只有该项目会改变颜色。