Flutter memo: day3

やったこと

・アプリアイコンの設定
 https://appicon.co/ これ便利
・Androidデバイスにビルド(iOSはday4で)
・画像アセットを使う →yamlにアセットのリンク書いて宣言
・フォントアセットを使う →yamlにアセットリンク書いて宣言
・CircleAvatarウィジェットを使う
・Textウィジェットを使う
・Textウィジェットのstyleでフォントを適用したりする

import 'package:flutter/material.dart';

void main() {
 runApp(
   MyApp()
 );
}

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       backgroundColor: Colors.teal,
       body: SafeArea(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
             CircleAvatar(
               radius: 50.0,
               backgroundImage: AssetImage('images/toa.jpg'),
             ),
             Text(
               'Jane Doe',
               style: TextStyle(
                 fontFamily: 'EastSeaDokdo',
                 fontSize: 40.0,
                 color: Colors.white,
                 fontWeight: FontWeight.bold,
               ),
             ),
             Text(
               'Flutter Developer',
               style: TextStyle(
                 fontFamily: 'SourceSansPro-Regular',
                 color: Colors.teal.shade100,
                 fontSize: 20.0,
                 letterSpacing: 2.5,
                 fontWeight: FontWeight.bold,
               ),
             )
           ],
         ),
       ),
     ),
   );
 }
}

画像1

前回からめちゃ間隔が空いてしまった。業務の合間だけでは無理っぽいのでちゃんと時間を取らないとです。

この記事が気に入ったらサポートをしてみませんか?