css - 是否可以在 React Native 中的渲染组件上保存样式的状态？

Question

我目前正在使用 React Native 构建一个应用程序。该应用程序的目的是让用户创建包装清单，然后能够检查他们已经“包装”的物品。

就目前而言，我拥有使用三元表达式动态呈现的列表样式。当用户选中该框时，该框会改变颜色并在项目中划出一条线。

问题是，当我使用堆栈/选项卡/抽屉导航器时，页面重新呈现以及任何已被选中的内容都会返回到其原始状态。我不确定是否有办法“保持”组件中样式的状态。

标签： cssreactjsreact-nativestyled-components

Answer 1

我不确定，但您应该尝试使用 useNavigation 挂钩。

import {useNavigation} from '@react-navigation/native';

然后你可以尝试这样的事情：

const navigation = useNavigation()
navigation.addListener('focus', function () {
    //Load States
});

navigation.addListener('blur', function () {
    //Save states
});