Jak stylizować TextInput w reakcji natywnej na wprowadzanie hasła

Mam TextInput. Zamiast pokazywać faktycznie wprowadzony tekst, chcę, aby wyświetlały się gwiazdki (****), gdy użytkownik wprowadza tekst. Jak mogę to zrobić?

<TextInput
  style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
  onChangeText={(text) => this.setState({input: text})}
/>

Gdy zadano to pytanie, nie można było tego zrobić natywnie, jednak zostanie to dodane podczas następnej synchronizacji zgodnie z tym żądaniem ściągnięcia. Oto ostatni komentarz do żądania ściągnięcia - „Wylądował wewnętrznie, zostanie wysłany przy następnej synchronizacji”

Po dodaniu będziesz mógł zrobić coś takiego

<TextInput secureTextEntry={true} style={styles.default} value="abc" />

refs

Maj 2018 React-natywna wersja 0.55.2

secureTextEntry = {true} działa

hasło = {true} nie działa

Po prostu dodaj poniższy wiersz do <TextInput>

secureTextEntry={true}

Musiałem dodać:

secureTextEntry={true}

Wraz z

password={true}

Od 0,55

Dodaj

secureTextEntry={true}

Lub tylko

secureTextEntry 

właściwość w TextInput.

Przykład roboczy:

<TextInput style={styles.input}
           placeholder="Password"
           placeholderTextColor="#9a73ef"
           returnKeyType='go'
           secureTextEntry
           autoCorrect={false}
/>

TextInput musi zawierać secureTextEntry = {true}, pamiętaj, że dokumenty React stwierdzają, że nie możesz używać multiline = {true} w tym samym czasie, ponieważ ta kombinacja nie jest obsługiwana.

Możesz także ustawić textContentType = {'password'}, aby pole mogło pobierać dane uwierzytelniające z pęku kluczy przechowywanego w telefonie komórkowym, co stanowi alternatywny sposób wprowadzania danych uwierzytelniających, jeśli masz dane biometryczne w telefonie komórkowym, aby szybko je wstawiać. Na przykład FaceId na iPhonie X lub dotykowe wprowadzanie odcisków palców w innych modelach iPhone'a i Androida.

 <TextInput value={this.state.password} textContentType={'password'} multiline={false} secureTextEntry={true} onChangeText={(text) => { this._savePassword(text); this.setState({ password: text }); }} style={styles.input} placeholder='Github password' />

Mały plus:

version = RN 0.57.7

secureTextEntry={true}

nie działa, gdy keyboardTypebył "phone-pad"lub"email-address"

Możesz pobrać przykład i przykładowy kod na oficjalnej stronie, w następujący sposób:

<TextInput password={true} style={styles.default} value="abc" />

Źródła: http://facebook.github.io/react-native/docs/textinput.html

Używam 0.56RC secureTextEntry = {true} Wraz z hasłem = {true} to działa tylko, jak wspomniał @NicholasByDesign