我有一个API,我需要单独设置Touchable Opacity 每件物品.我已经做过了.但现在我需要禁用一些 Touchable Opacity.就像我试图做的那样,如果Api中的StatusCheck都是True,那么用户可以移动到Next,它的 colored颜色 是红色. 在touchable opacity上按下屏幕,但如果其中一个是 false然后touchable opacity将被禁用,用户不能移动到下一个屏幕,它的 colored颜色 将是灰色的我不知道怎么做,因为我在Reaction中对这些功能非常陌生-本机我读到了不同的问题和答案,但不幸的是这对我没有帮助.

API响应

const results = [
   {
            Id: "IySO9wUrt8",
            Name: "Los Stand",
            Category: "Mexican",
            Status: true,
            Check: true,
        },
    {
            Id: "IySO9wUrt8",
            Name: "Los Stand 2",
            Category: "Burger",
            Status: true,
            Check: true,
        },
     {
            Id: "IySO9wUrt8",
            Name: "Los Stand 3",
            Category: "BBq",
            Status: true,
            Check: true,
        },
      ];

您可以在世博零食中编辑代码

My Expo code for live editing

推荐答案

TouchableOpacity具有disabled属性,因此您应该使用它.它将阻止onPress执行和导航用户.

至于样式,您可以使用相同的登录来判断样式.

<TouchableOpacity disabled={!result.Status || !result.Check} style={{ background: (!result.Status || !result.Check) ? 'grey' : 'red' }}>

Reactjs相关问答推荐

如何使用json将购物车数组传递到后台API

Firebase删除UserWithEmail AndPassword仅创建匿名用户

Reaction路由DOM v6不包含上下文(Supabase)

如何清除过滤器搜索的状态

使用 MUI 菜单时添加新 html 元素时布局意外滚动跳转

UseEffect 似乎不适用于页面的首次渲染

为什么在 React 的 useEffect 中使用 onAuthStateChanged ?

Firebase查询返回随机用户数据,而不是过滤后的用户数据

无法从子组件传递数据到父组件

当 React 中的状态发生变化时如何停止重新加载谷歌 map ?

在 React 中使用复选框管理状态

ReactJS 动态禁用按钮

如何禁用 redux-toolkit 的不可序列化值测试警告?

一周前刚开始学习React,一直在调试为什么输入框在每次输入后都没有焦点

React Final Form - 单选按钮在 FieldArray 中不起作用

React Native - 身份验证 - 触发值以更改 Auth 和 UnAuth 堆栈导航器

Cypress - 替换 React 项目中的变量

如何防止 mui x-date-picker 被截断?

试图将页面限制为仅登录但有条件的用户似乎永远不会运行

如何在 React x 中返回组件?