如何在反应原生环境中添加按钮？

【问题标题】：How to add a button in react native environment?如何在反应原生环境中添加按钮？
【发布时间】：2016-09-19 03:54:02
【问题描述】：

你能告诉我如何使用 react native 在视图中添加按钮。

我需要在我的视图中添加按钮，这里是代码

  class First extends Component {
    render (){

     return (<View><Text>"hello"</Text> 
         </View>
            ) 
    }

  }

【问题讨论】：

【解决方案1】：

自己创建一个按钮非常简单。您可以使用 toucableopacity 和附加的 onPress 方法。

将以下内容放入您的渲染方法中

<TouchableOpacity onPress={this._onButtonPress}>
<Text>Button Text</Text>
</TouchableOpacity>

并将其放入反应函数中。

_onButtonPress: function () {
    console.log ("Button has been pressed");
}

要使其看起来更像一个按钮，您可以直接将样式添加到 <Text style={{flex: 1, backgroundColor: 'blue', etc...}}

【讨论】：