反应本机textInput错误

Question

我有一个用React-native为ios制作的成品应用程序。我正在尝试为Android构建它，并遇到一些错误。由于某种原因，我在“登录”页面上使用的简单textInputs会接受文本，但不会向用户显示文本。一个例子在这里：

我的代码在这里：

<View>
     <FormLabel
        labelStyle = {{fontSize: 12, color: 'black;}}
     >
     Password
     </FormLabel>
     <TextInput
        placeholder = 'Must be at least 6 characters'
        style = {styles. authenticationTextInput}
        onChangeText = {(text) => this.setState({password: text})}
        value = {this.state.password}
     />
</View> 

这在ios上工作正常，因此可能是Android的问题。有人知道我该如何解决吗？

此外，占位符甚至不会显示。

Answer 1

您的语法错误，请检查：https://facebook.github.io/react-native/docs/textinput#onfocus。也许您的观点是错误的风格。

这是我的代码：

          <TextInput
            placeholder="Password"
            placeholderTextColor="rgba(255,255,255,0.5)"
            secureTextEntry={true}
            autoCapitalize="none"
            returnKeyType="go"
            underlineColorAndroid="transparent"
            onChangeText={text => this.handleInputChange({ password: text })}
            innerRef={el => (this.passwordInput = el)}
            editable={!isAuthenticating}
            selectTextOnFocus={!isAuthenticating}
            selectionColor="rgba(255,255,255,0.7)"
          />