Question

如何在不使用Redux的情况下使用户保持使用React AsyncStorage登录的本机？如果您有任何源代码，请提供它

Answer 1

首先，将数据存储到本地存储中，如下面的代码

await AsyncStorage.setItem('login', True');

，然后关闭应用程序。每当用户再次打开应用程序时，请检查本地存储区以进行登录，例如以下代码

  const login = await AsyncStorage.getItem('login');
    if (login !== null) {
      // We have data!!
      // navigate to the home or any other screen 
    }
   else{
       // navigate to the Login screen or any other screen 
}

有关模式的详细信息AsyncStorage详细信息，请检查此link

请让我知道您是否仍然面临问题，如果您有想法，请给我重击（是）

Answer 2

在app.js中

import pandas as pd
import xlsxwriter


df1 = pd.DataFrame([1,2,3,4,5,6])

writer = pd.ExcelWriter('example.xlsx', engine='xlsxwriter')

df1.to_excel(writer, sheet_name= 'Sheet1')

worksheet1 = writer.sheets['Sheet1']
worksheet1.set_tab_color('green')

writer.save()

在登录页面

const MainNavigator = createStackNavigator(
  {
    LoginPage: {screen : LoginPageContainer, navigationOptions: { header: null } },
    MiddlePage: {screen : MiddlePageContainerIndex, navigationOptions: { header: null } }
  }
);

在getItem.js


import { getItem } from '../../api/getItem';

componentDidMount = async() => {


        let dataToken = await getItem();

        //if token is available redirect to middlepage
        if(dataToken !== null) { 

            const { navigate } = this.props.navigation;

            navigate('MiddlePage');
        }

    }

希望有帮助。

另请参阅：https://stackoverflow.com/help/how-to-ask。当您陷入困境而不仅仅是问自己想要的问题时，就需要Stackoverflow。

Answer 3

请按照以下说明将AsyncStorage与React Native官方文档一起使用。
React Native AsyncStorage Docs

即使关闭应用程序，如何使用Asyncstorage保持用户登录本机响应？

3 个答案: