可点击的动态输出文本反应原生

Question

目标：

1. 将文字输入两个 textInput 字段（标题文字+正文）
2. 点击提交 TouchableHighlight 按钮
3. 仅限标题，呈现在视图中
4. 点击标题进入“消息视图＆＃39;”，其中显示标题和正文文本

现在，我已经按照预期在提交时将视图显示在视图中。 （这个当前的代码示例仅显示我的标题，为了简单起见，我豁免了正文textInput）

Class Postings extends Component { 
    constructor(props) {
        super(props);
        this.state={
            inputText: '',
            textBucket: [] // all inputText will be added to array
        }
    }

        render() {
            return(
                <View>
                    <Text>Enter text below</Text>
                    <TextInput
                        onChange{(event) => this.setState({inputText: event.nativeEvent.text})}
                        value={this.state.textInput} />
                    <TouchableHighlight onPress={(this.submitHandler.bind(this))}>
                        <Text>Submit</Text>
                    </TouchableHighlight>


                    // Below is the rendered output from inputText

                    {this.state.textBucket.map((inputvalue, i) => <Text key={i}>{inputvalue}</Text>)}
                </View>
            );
        }


        // Add each input item into the text bucket array

        submitHandler() {
            var inputText = this.state.inputText;
            var textBucket = this.state.inputText;
            this.setState({textBucket: textBucket.concat(inputText)})
        }

    }

如何跟踪发布的消息，以便可以单击它并导航到新视图，并使用它传递标题和正文文本？

我的想法是创建一个名为nextViewHandler()的新函数，它可以从map()函数中获取当前索引，控制输出的文本......然后使用类似的东西：

nextViewHandler(index) {
    this.props.navigator.push({
        component: NextView,
        passProps: { textBucket: this.state.items[index] },
    });
}

但我不确定这是否有效。