React Native中不同用户类型的不同视图

时间:2019-11-23 03:55:49

标签: react-native expo

当前,我正在用expo做一个React本机项目,我想在我的应用中输入2个用户类型(例如:学生和讲师)。保存用户类型的最佳方法是什么?

2 个答案:

答案 0 :(得分:0)

您想要通过google来管理React Native应用程序中的状态的事情是:React Native异步存储,React状态存储,Redux,React Hook,Redux替代方案。那应该让您开始。

答案 1 :(得分:0)

您可以将这些类型的信息保存在react本机 异步存储 中。
可以说,对于Student,您可以保存1;对于讲师,您可以保存2。请记住,异步存储始终将字符串作为输入,因此在保存或检索时不要忘记进行转换。基于此,您可以检查当前哪个用户正在访问该应用,然后只需要呈现该视图。

用于存储数据的示例代码:

storeData = async () => {
  try {
    await AsyncStorage.setItem('@storage_Key', 'stored value')
  } catch (e) {
    // saving error
  }
}

读取数据:

getData = async () => {
  try {
    const value = await AsyncStorage.getItem('@storage_Key')
    if(value !== null) {
      // value previously stored
    }
  } catch(e) {
    // error reading value
  }
}

最后,您可以像下面这样进行条件视图渲染:

tempUserType ===1 ? <code view for student> : <code view for lecturer>
  

在这里您可以阅读更多内容:-   https://github.com/react-native-community/async-storage

我希望这会有所帮助.....谢谢:)