is there a better way to do this conidition?

user_18281071 0
Viewed 39

is there a better way to do this :

      { !AuthState && (
      <NativeStackNavigator.Screen name="Auth" component={Auth} options={{headerShown: false}} />)
      }

      { !AuthState && (
      <NativeStackNavigator.Screen name="XXX" component={XXX} options={{headerShown: false}} />)
      }

      { !AuthState && (
      <NativeStackNavigator.Screen name="XXX" component={XXX} options={{headerShown: false}} />)
      }

thanks for your answer!

expo react-native
1 Answers

You can just use the conditional for all screens once.

{
   !AuthState && (
     <>
      <NativeStackNavigator.Screen name="Auth" component={Auth} options={{headerShown: false}} />
      <NativeStackNavigator.Screen name="XXX" component={XXX} options={{headerShown: false}} />
      <NativeStackNavigator.Screen name="XXX" component={XXX} options={{headerShown: false}} />
   </>
    )
}
user_149692810
Related