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

1181 ワード
reactnative frontend テキストリンク
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を使用する利点は、コードで自動完了機能を使用できることです.
折り畳み式のログインフォームを見たことがありますか?
Android開発者の微信ウィジェットが穴を埋める道(2)