Как вставить динамическое значение из выбора в активный курсор в текстовом вводе в React native? - PullRequest
Новая
       30

Как вставить динамическое значение из выбора в активный курсор в текстовом вводе в React native?

0 голосов
/ 27 июня 2019

У меня есть задача динамически вставлять значение выбора в textinput:

Как три Пикер Значение: 

['First_Name'],['Last_Name'],['Company_Name']

и в textInput я хочу выбрать значение выбора как 

textInput:  [Good Morning ['First_Name'] ['Last_Name'] . ]

Код: 

export default class SubjectLine extends Component {
    constructor(props){
        super(props)
        this.state={
          msg:'Good Morning',
          VariableValue:''
        };
      }

  render() {
    return (
     <View style={styles.container}>

        <Picker
        selectedValue={this.state.VariableValue}
        style={{height: 50, width: 300,alignSelf:'center',alignItems:'center', padding:25, backgroundColor:'#00bcd4'}}
        onValueChange={(itemValue, itemIndex) =>
        this.setState({VariableValue: itemValue})
        }>
        <Picker.Item label="Choose" value="" />
        <Picker.Item label="First Name" value="[First_Name]" />
        <Picker.Item label="Last Name" value="[Last_Name]" />
        <Picker.Item label="Company Name" value="[Company_Names]" />
        </Picker>
          <TextInput
            placeholder="Enter Email Subject Here"
            defaultValue={this.state.msg}
            onChangeText={(text) => this.setState({VariableValue:text})}
  />
     </View>
    )
  }
}
...