我正在尝试为我的应用程序使用 aws-amplify身份验证器。我的想法是首先显示应用程序(这就是我没有将整个应用程序包装到 withAuthenticator 的原因),如果用户需要登录,他们将被引导到一个身份验证屏幕,如下所示:
import { Authenticator } from 'aws-amplify-react-native'
const AuthScreen =({ route }) => {
return (
<View style={{flex: 1}}>
<Authenticator>
<TouchableOpacity
onPress={() => {
navigation.goBack()
}}
>
<Text style={{fontSize: 25}}>go back</Text>
</TouchableOpacity>
</Authenticator>
</View>
)
}
export default AuthScreen;
但是,一旦用户登录,用户界面将显示如下,带有一个字符串和一个退出按钮: 图片
我的问题是如何隐藏此字符串并在用户登录后显示我想要的信息?我试图制作一个 CustomSignOut 组件,将其添加,但它不起作用(没有覆盖):
<CustomSignOut override={'SignIn'}/>