refを使用せずにテキスト入力にピントを合わせるにはどうすればよいですか？

Question

私はフォーカスを使用して試してみてもautofocus.Usingているネイティブ0.43 例単純なシナリオ

<ListItem 
title="Username" 
textInput={true} 
textInputValue={this.state.userName} 
textInputSecureTextEntry={false} 
textInputOnChangeText={this 
.bindData 
.bind(this, 'userName')} 
textInputAutoFocus={this.state.userNameAutoFocus} 
textInputFocus={this.state.userNameFocus} 
textInputKeyboardType="default" 
textInputPlaceHolder="Type your Username Here" 
textInputContainerStyle={styles.inputFormStyle} 
textInputOnSubmitEditing={this 
.nextFormComponent 
.bind(this, 'userPassword')} 
textInputReturnKeyType="next" /> 

Source Code Source Code NPM

Answer 1

constructor(props) { 
    super(props); 
    this.state = { 
    textInputFocus:true 
    }; 
} 

render() { 
<View> 
    <TextInput autoFocus={this.state.textInputFocus} /> 
</View> 
} 

は、このコードを試してみ反応します。

Answer 2

あなたはそれを試すことができます：

class App extends React.Component{ 
    componentDidMount(){ 
    this.nameInput.focus(); 
    } 
    render() { 
    return(
     <View> 
     <input defaultValue="Won't focus"/> 
     <input ref={(input) => { this.nameInput = input; }} defaultValue="will focus" /> 
     </View> 
    ); 
    } 
}