react-native - 我可以将来自 aws-amplify-react-native 的错误消息对齐为中心吗

Question

我需要将错误消息与警告图标的中心对齐。它来自 aws-amplify-react-native。

有什么方法可以定制这个吗？我正在使用屏幕，因为它与 aws-react-native 相同。

    import {
      Authenticator,
      AmplifyTheme,
      Greetings,
      SignIn,
      ConfirmSignIn,
      RequireNewPassword,
      SignUp,
      ConfirmSignUp,
      VerifyContact,
      ForgotPassword,
      AuthPiece,
    } from "aws-amplify-react-native";


render(){
      return(
           <Authenticator errorMessage={map}
                  hideDefault
                  amplifyConfig={awsmobile}
                  signUpConfig={signUpConfig}>
                    <Loading/>
                    <SignIn/>
                    <ConfirmSignIn/>
                    <VerifyContact/>
                    <SignUp signUpConfig={signUpConfig}/>
                    <ConfirmSignUp/>
                    <ForgotPassword/>
                    <RequireNewPassword />
                </Authenticator>
)
}

Answer 1

<View style={{flexDirection:'row', alignItems:'center'>
<Icon/>
<Text>{warningmessage}</Text>
</View>

这个 alignItems on row 将解决您的问题。

Answer 2

  <View style={{flexDirection:'row'}}>
    <Icon/>
    <Text style={{textAlignVertical:"center"}}>{warningmessage}</Text>
    </View>

它将垂直居中文本。添加textAlign: 'center'，它将使文本水平居中。