React Native基礎

Buttonコンポーネント

Buttonコンポーネント

アプリ利用者がタップするボタンを用意するにはその名の通り、Buttonコンポーネントを使います。ボタンに表示される文字列はtitleプロパティで指定し、タップされたときのイベントハンドラはonPressプロパティで指定します。なお、表示文字列が英語の場合、Androidでは必ず大文字で表示が行われます。

<Button
  title="Push"
  onPress={() => {
    Alert.alert('sample03_2', 'ボタンがタップされました。')
  }}
/>

Buttonコンポーネントはstyleプロパティを受け付けないため、ボタンの周りにマージンを入れるような場合にはViewコンポーネントで囲み、Viewでスタイルを指定する必要があります。