设置状态仅在单击两次后才起作用本机反应

Question

我试图在用户单击按钮时更改按钮的不透明度，（在 2 个按钮之间，较暗的一个将是他的选择）。出于某种原因，每当我单击按钮时，不透明度不会改变，并且仅在单击 2 次后才会改变。任何想法我哪里出错了？

export default function lastName({ navigation }) {
  let [opac, setOpacity] = useState(0.3);

  return (
    <View style={styles.container}>
      <View
        style={{
          flex: 0.5,
          justifyContent: "flex-end",
          //backgroundColor: "red",
        }}
      >
        <Text style={styles.textStyle}>
          
         Select a button
        </Text>
      </View>
      <View
        style={{
          flex: 1,
          justifyContent: "flex-start",
        }}
      >
        <TouchableOpacity

          style={{
            marginTop: 70,
            alignItems: "center",
            justifyContent: "center",
            width: 180,
            height: 40,
            backgroundColor: "#004953",
            opacity: opac,/// here 
            borderRadius: 100,
          }}
          onPress={() => {
            setOpacity(1); // here
          }}
        >
          <Text
            style={{
              color: "white",
              textAlign: "center",
              fontSize: 18,
            }}
          >
            Button 1
          </Text>
        </TouchableOpacity>

Answer 1

显然，这是一个可触摸不透明度的错误，您必须将不透明度包装在视图中，请参阅此链接Dynamic Opacity not changing when component rerenders in react native