反応したネイティブ環境でボタンを追加するにはどうすればいいですか？

Question

あなたは、反応ネイティブを使用してビュー内にボタンを追加する方法を教えてください。ここ

は、私は私のデモでは、この本 https://npmcdn.com/react-native-button@1.6.0 を使用することができます https://rnplay.org/apps/0TPePA

私のコードですか？私はここに私の見解でボタンを追加する必要が

はコード

class First extends Component { 
    render(){ 

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

    } 

Answer 1

自分は非常に簡単であるボタンの作成です。あなたはtoucableopacityとそれに付随するonPressメソッドを使うことができます。

あなたのrenderメソッド

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

に次のように入れて反応させる機能でこれを置きます。

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

それはより多くのあなたが<Text style={{flex: 1, backgroundColor: 'blue', etc...}}

に直接スタイリングを追加することができ、ボタンのように見えるようにするには