1.フラッターのテストアプリケーションを作成します。
ディレクトリのlib / main.dart
コード:
インポート'パッケージ:フラッター/ material.dart'; ボイドメイン()=> runApp(MyAppを())。 クラスのMyAppはStatelessWidget {拡張 @Override ウィジェットのビルド(BuildContextコンテキスト){ 新しいMaterialApp(戻る 「フラッターへようこそ」、:タイトル 家:新しい足場( アプリケーションバー:新しいアプリケーションバー( 新しいテキスト(「フラッターへようこそ」)、:タイトルを 、) ボディ:新しいセンター( 子:新しいテキスト( 'Hello Worldの')、 )、 )、 ); } }
説明:
-
この例では、マテリアルAPPを作成します。材料は、標準的なウェブ端と可動端ビジュアルデザイン言語です。フラッターは、材料のウィジェットの豊富なセットを提供します。
-
メイン関数(使用
=>
一方向関数またはメソッドダート短縮形である)シンボルを、。 -
アプリケーションは、アプリケーション自体がウィジェットになってきているようになりますStatelessWidgetを、継承します。フラッタでは、ほとんどのものは、位置合わせ(アライメント)、パディング(パディング)とレイアウト(レイアウト)を含む、ウィジェットであります
-
足場は、デフォルトのナビゲーションバーを提供してウィジェット素材ライブラリ、で、title属性は、本体のホーム画面のウィジェットツリーが含まれています。ウィジェットツリーは非常に複雑になることがあります。
-
メインウィジェットは、他の下位レベルのウィジェットに応じて自分自身を表示する方法を説明するためのビルド()メソッドを提供することです。
-
本実施例の本体がセンターのウィジェットツリーウィジェットを含む、センターウィジェットさらに、サブテキストウィジェットを含みます。センターでは、それができる、画面の中央にその子ウィジェットツリーウィジェット。