Не могу получить номер телефона для автозаполнения на iOS

Question

Компонент <TextInput> имеет поле textContentType, которое позволяет вам автоматически заполнять определенные поля, например, имя, адрес электронной почты, телефон и т. Д. Я не могу получить его для автозаполнения номера телефона, я что-то пропустил?

<TextInput
    autoFocus
    blurOnSubmit={false}
    editable={!loading}
    placeholder="Enter phone number"
    textContentType="telephoneNumber"
    dataDetectorTypes="phoneNumber"
    maxLength={100}
    keyboardType="phone-pad"
    value={phone}
/>

RN версия 0,55

Answer 1

Если вы работаете на эмуляторе на Mac, ключевое слово не будет отображаться, но как у вас это нормально.Попробуйте запустить его на реальном устройстве!

Проверьте этот перекус: @ abranhe / stackoverflow-56691969

Исходный код:

import React, { Component } from 'react';
import { View, StyleSheet, TextInput } from 'react-native';

export default class App extends Component {
  state: {
    phone: '',
  };

  render() {
    return (
      <View style={styles.container}>
        <TextInput
          autoFocus
          blurOnSubmit={false}
          placeholder="Enter phone number"
          textContentType="telephoneNumber"
          dataDetectorTypes="phoneNumber"
          maxLength={100}
          keyboardType="phone-pad"
          onChangeText={phone => this.setState({ phone })}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    marginTop: 50,
  },
});