asyncstorage not working in build mode in react native

Question

in debug mode asyncstorage working perfectly fine but when build apk with this command

gradlew assembleRelease -x bundleReleaseJsAndAssets the apk build perfectly but i want to open it show me the error appstop in my phone

any help regarding this will be very appriciated

Can you try running the release apk after uninstalling the previously installed one? — dev404
– dev404, Commented Dec 9, 2022 at 14:52
yes I do but it still not working . but when I remove all the above code and simple run <navigation/> then the build apk work perfectly . — Muhammad Shabbir
– Muhammad Shabbir, Commented Dec 9, 2022 at 19:07
I'd recommend two things: 1. Instead of returning null, I'd say use a circular indicator 2. Try checking logcat logs — dev404
– dev404, Commented Dec 10, 2022 at 4:07
i try both but still dont work actually i want to run onboarding screen on first launch of the app thats why i use asyncstorage function here kindly tell me what can i do i stuck on this problem past two days — Muhammad Shabbir
– Muhammad Shabbir, Commented Dec 10, 2022 at 15:02

g tanisha · Accepted Answer · 2023-01-12 10:01:41Z

1

        Try this.
import AsyncStorage from '@react-native-async-storage/async-storage';

        export default function App() 
        {
         const [aldreadyLaunched, setaldreadyLaunched] = useState(true)
        useEffect(() => {
          AsyncStorage.getItem("alreadyLaunched").then((value) => {
            if (value == "false") {
              let parsedValue = JSON.parse(value)
              setaldreadyLaunched(parsedValue)
            }
        
          })  
        },[])
    return (<>
        display introductory screen when the already launched state is true and when the false display login or directly main screen
    </>)
        }

answered Jan 12, 2023 at 10:01

g tanisha

311 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Kishan · Accepted Answer · 2023-01-12 11:33:51Z

Try this .....

 
 
 
 
  const [loading, setLoading] = useState(true);
  const [isFirstTimeLoad, setIsFirstTimeLoad] = useState(false);
 
 const checkForFirstTimeLoaded = async () => {
    const result = await AsyncStorage.getItem('isFirstTimeOpen');
    console.log('result:', result);
    if (result == null) {
      setIsFirstTimeLoad(true);
      setLoading(false);
    } else {
      setIsFirstTimeLoad(false);
      setLoading(false);
    }
  };
  
   if (loading)
    return (
      <View style={{flex:1,justifyContent:'center',alignItems:'center'}}>
        <ActivityIndicator  size={'large'} color={'black'}/>
      </View>
    );
    
    
    if (isFirstTimeLoad)
    return (
      <NavigationContainer>
        <Stack.Navigator
          initialRouteName="OnboardingScreen"
          screenOptions={{
            headerShown: false,
            // header: () => <MainHeader />,
          }}>
          <Stack.Screen name="OnboardingScreen" component={OnBoardingScreen} />
          <Stack.Screen name="login" component={Login} />
          <Stack.Screen name="home" component={Home} />
          <Stack.Screen name="register" component={Register} />
          <Stack.Screen name="mobileverify" component={MobileVerify} />
          <Stack.Screen name="listscreen" component={ListData} />
        </Stack.Navigator>
      </NavigationContainer>
    );
    
    if (!isFirstTimeLoad) return <Login />;

Collectives™ on Stack Overflow

asyncstorage not working in build mode in react native

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related