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,
),
)
],
),
),
),
);
}
}
前回からめちゃ間隔が空いてしまった。業務の合間だけでは無理っぽいのでちゃんと時間を取らないとです。
この記事が気に入ったらサポートをしてみませんか?