ReactNativeイニシエータ3(構成部品)

3_1. 構成部品

View
App.jsのコードを開き、中身を見るとReactNativeはWebではなくアプリケーションを作成するためのフレームワークであるため、以前のHTMLで使用されていたdivコンポーネントの代わりにビューコンポーネントが表示されます.Viewはコンテナとして機能するコンポーネントです.
Text
ReactNativeのすべてのテキストはTextコンポーネントに含める必要があります.既存のpやspanなどの素子の代わりにTextを用いる.
style
内部styleプロパティには、既存のreactijsのstyleプロパティがほとんどインポートされていますが、使用できません.上記のコードのスタイルシート.createはstyleobjectを構築するために使用されます.新しいスタイルを追加する場合は、スタイルシートを入力します.createの内部

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  text : {
    fontSize: 30,
  }
});

textのように追加し、上のtextコンポーネントのstyleに追加すればいいです.

<Text style = {styles.text}>

このように
スタイルシートもありますcreateを使用する利点は、コードで自動完了機能を使用できることです.