React Nativeでテキスト入力を動的に追加する方法

Question

React Nativeのテキスト入力をボタンをクリックして追加するにはどうすればよいですか？たとえば、 "+"ボタンを押すと、ビューの下部にテキスト入力が追加されます。

EDITED： ここに私のコードです（無関係のものはすべて削除されています）。何らかの理由で働かない。ボタンをクリックしても何もしません。

import React, { Component, PropTypes } from 'react'; 
    import { StyleSheet,NavigatorIOS, Text, TextInput, View, Button, 
      TouchableHighlight, TouchableOpacity, ScrollView, findNodeHandle, 
      DatePickerIOS} from 'react-native'; 
    import TextInputState from 'react-native/lib/TextInputState' 

    export default class App extends React.Component { 
     constructor(props) { 
     super(props); 
     this.state = {textInput: [], 
      date: new Date(), 
     } 
     } 

     addTextInput = (key) => { 
     let textInput = this.state.textInput; 
     textInput.push(<TextInput key={key} />); 
     this.setState({ textInput }) 
     } 

     render(){ 
     return(
      <View> 
      <Button title='+' onPress={() => 
       this.addTextInput(this.state.textInput.length)} /> 
      {this.state.textInput.map((value, index) => { 
       return value 
      })} 
      </View> 
     ) 
     } 
    } 

Answer 1

これはそのための一例である：

import React, { Component } from 'react'; 
import { AppRegistry, View, Text, Button, TextInput} from 'react-native'; 

class App extends Component { 
    constructor(props){ 
    super(props); 
    this.state = { 
     textInput : [] 
    } 
    } 
    addTextInput = (key) => { 
    let textInput = this.state.textInput; 
    textInput.push(<TextInput key={key} />); 
    this.setState({ textInput }) 
    } 
    render(){ 
    return(
     <View> 
     <Button title='+' onPress={() => this.addTextInput(this.state.textInput.length)} /> 
     {this.state.textInput.map((value, index) => { 
      return value 
     })} 
     </View> 
    ) 
    } 
} 

は、多分それはあなたを助けることができる:)