反应本机 |标题道具按钮必须是字符串

Question

我在我的 React Native 项目中使用 React Native Paper，在 iOS 模拟器中使用运行。

点击 Buttton 时，我正在导航至注册页面。当我点击时出现以下错误。

title prop button must be string

代码：

<View style={styles.middle}>
 <Animatable.View
  animation="fadeInUpBig"
> 
<Text style={styles.textContainer}>Welcome!</Text>

<View style={styles.formArea}>
  <TextInput
    left={<TextInput.Icon name="account-hard-hat" />} ƒ
    style={styles.FormControl}
    mode="outlined"
    label="Username"
    theme={{ colors: { primary: "#007fff" } }}
    value=""
  />
  <TextInput
    left={<TextInput.Icon name="lock" />}
    right={<TextInput.Icon name="eye-off" />}
    style={styles.FormControl}
    secureTextEntry={true}
    mode="outlined"
    label="Password"
    theme={{ colors: { primary: "#007fff" } }}
    value=""
  />
   <Text style={styles.ForgotPwd}> Forgot Password? </Text>
  <Button  style={[styles.Button]} mode="contained">
    <Text style={styles.ButtonText}> Sign In </Text>
  </Button>
  <Divider style={{ marginTop: 25, marginBottom: 25, backgroundColor: "#C6C6C6" }} />
  <Text style={styles.NewAccTxt}> Don't have an account?</Text>
  <Button onPress = {() => navigation.navigate('SignUp')} style={styles.Button} mode="contained">
<Text style={styles.ButtonText}> Create new one </Text>
  </Button>
</View>
</Animatable.View>

截图：

Answer 1

你做到了

<Button  style={[styles.Button]} mode="contained">
    <Text style={styles.ButtonText}> Sign In </Text>
  </Button>

这行不通，因为 React Native 需要这样的东西

  <Button title={styles.ButtonText} style={[styles.Button]} />

最好使用 TouchableOpacity 之类的东西，但按钮标题是必需的属性

反应本机 |标题道具按钮必须是字符串

React Native | title prop button must be string

reactjs

react-native

react-native-paper