Native】基本構文の解説|Fresopiya究極の自由を目指すブログFresopiyaFresopiya場所にもお金にも時間にも、何にも縛られない自由な状態になったら一体人間は何をしてどこに向かうのか。自由を目指すエンジニアのブログです。「哲学」と「プログラミング」と「政治経済」、「ブログ」がメインになるかと。05/12/2019スポンサードリンクどうも、とがみんです。Nativeについて、この記事では、プロジェクト作成後、App.jsというファイルにデフォルトで書かれているコードについて説明していきたいと思います。Contentsプロジェクト作成後のサンプルApp.jsファイル内のコードimport/exportrenderStyleSheetまとめ参考文献プロジェクト作成後のサンプルプロジェクト作成後、アプリを起動させると、ただの文字が表示されます。以下のものは、ただただ、画面の中央に「とがみんブログ(togamin.com)」と表示するだけのサンプルです(笑)これを表示するコードについて見ていきます。2019年2月12日App.jsファイル内のコードプロジェクトを作成すると、App.jsというファイルが生成されます。そのファイルの中身を見ていきます。'center',},});import/exportexportは、指定した関数、変数、オブジェクト、クラスなどを受け取り、任意のファイルでそれらを使えるようにするための構文です。importは別ファイルからexportされた関数、変数、オブジェクト、クラスなどを読み込み、それらを使えるようにするための構文です。Viewを読み込んでいます。3は、React.Componentクラスを継承したAppというクラスを他のファイルでも扱えるようにするためにexportしています。defaultは、ファイル内で1つだけ定義することができ、importする際に特に指定がなければ、default指定されたものを呼ぶというものです。render次にAppクラス内のrenderについて説明します。これは、React.Componentクラスに必須のメソッドで、ReactがもつUIの要素を返す役割を持ちます。style={styles.container}><Text>とがみんブログ(togamin.com)</Text></View>);}>ReactDOMのrender()とReact.Componentのrender()の違いを理解する>React.ComponentStyleSheetStyleは、色やフォントサイズ等デザインに関する詳細を書いて行きます。style={styles.container}>にあるように、Viewにcontainerが設定されているので、上記はViewに対して適用されます。Scriptでアプリ作ろう【Reactやったことない人向け】まとめプロジェクト作成後のApp.jsファイルの中のコードについて説明しました。togaminFresopiya【税金を知る】「所得税」を知る。性能向上を目的とした研究をしていました。現在はFinTech系ベンチャー企業勤務。