文本输入 - 三星通行证提示未出现

Question

我是安卓生态系统的新手（当然），并试图显示三星通行证登录页面提示。我有：

        <TextInput
          textContentType="password"
          autoCapitalize="none"
          secureTextEntry={true}
          value={this.state.password}
          underlineColorAndroid="transparent"
        />

而且它不起作用。我的意思是文本输入确实有效，但提示不会出现在屏幕上。可能我错过了一些东西，或者，在更糟糕的情况下，它还没有在 React-Native 中实现（或类似的东西）。

有什么建议，库可以帮助我显示三星通行证提示吗？

用：

• 不是世博应用
• 反应 16.6.1
• 反应原生 0.57.5

Answer 1

这是

带有TextInput的React-Native-Modal 这里是一个示例。

    import React, {Component} from 'react';
    import {Modal, Text, TouchableHighlight, View, Alert} from 
    'react-native';
    class ModalExample extends Component {
     state = {
    modalVisible: false,
        };
     setModalVisible(visible) {
     this.setState({modalVisible: visible});
      }
      render() {
        return (
         <View style={{marginTop: 22}}>
           <Modal
            animationType="slide"
            transparent={false}
            visible={this.state.modalVisible}
            onRequestClose={() => {
            Alert.alert('Modal has been closed.');
          }}>
          <View style={{marginTop: 22}}>
            <View>
              <TextInput
                 textContentType="password"
                 autoCapitalize="none"
                 secureTextEntry={true}
                 value={this.state.password}
                 underlineColorAndroid="transparent"
              />
            </View>
          </View>
        </Modal>
        <TouchableHighlight
          onPress={() => {
            this.setModalVisible(true);
          }}>
          <Text>Show Modal</Text>
        </TouchableHighlight>
      </View>
    ); }}

Answer 2

这是我

正在使用的一个示例TextInput，它确实显示了Samsung Pass提示：

        <TextInput
          autoCapitalize="none"
          autoCompleteType="username"
          autoCorrect={false}
          clearButtonMode="while-editing"
          keyboardType="email-address"
          label="Username"
          mode="outlined"
          onChangeText={handleChangeUsername}
          onSubmitEditing={handleSubmitLogin}
          spellCheck={false}
          style={styles.input}
          testID="username"
          textContentType="username"
          value={username}
         />

只要您在物理设备而不是模拟器上测试应用程序，textContentType 道具就会使提示显示。