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

Question

请告诉我如何使用react native添加按钮。

这是我的代码 https://rnplay.org/apps/0TPePA

我可以用这个吗？ https://npmcdn.com/react-native-button@1.6.0 在我的演示中？

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

  class First extends Component {
    render (){

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

  }

Answer 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...}}

添加样式