あぼぼノート

頭の中空っぽ

Flutter

Flutterで自作パッケージをpub.devに公開する

基本的にDeveloping packages & pluginsを参考に進めればOK。 パッケージを生成する テンプレートには二種類ある。今回はDart packagesとして作成するので以下のコマンドで生成。 flutter create --template=package {package_name} 生成されたら、lib/{pack…

Flutterで1文字目だけスタイルを変える

Text.richとTextSpanを使う。TextSpanで設定したstyleはchildrenに引き継がれるので、childrenのTextSpanで上書きする。 final String text = "Flutter"; Text.rich( TextSpan( text: text.substring(0, 1), style: TextStyle( fontSize: 36, color: Colors.…

Flutter for Webで404ページを表示させる

MaterialAppのonGenerateRouteプロパティを使うとURL直打ちでも指定のページを表示させられる。同様に未定義のURLが指定された場合に呼ばれるonUnknownRouteを使えばOK。 class MyApp extends StatelessWidget { // This widget is the root of your applica…

FlutterでAppBarを透過する

AppBarのbackgroundColorを透明にしただけだとAppBarは透明にならない。 ScaffoldのextendBodyBehindAppBarプロパティにtrueを設定すればOK。 class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( app</myhomepage>…

Flutter for Webで突然main.ddc.dill作成エラーが起きてビルドできなくなった

現象 flutter run -d chrome 実行時、見たことのない怖いエラーが突然発生するように...。 Error creating <project_name>|lib/main.ddc.dill Error creating kernel summary for module:<project_name>|lib/main.ddc.dill 解決 PCを再起動したあと普通に flutter run -d chrome を実行す</project_name></project_name>…

Flutter Meetup Tokyo #2に参加しました

Flutter Meetup Tokyo #2にブログ枠として参加しましたので、参加レポを書きます。 ※はじめに断っておくと各発表の詳細は公開されているスライドを読んだほうが誤解なく伝わるので書きません。 flutter-jp.connpass.com 当日はこちら↓のAndroidもくもく会と…

【Flutter】背景いっぱいに画像を表示する

最近Flutterにハマっています。むしろFlutterしか触っていません。 背景、iOSでいうとUIViewControllerのviewのbackgroundImageに画像を設定するやり方です。 背景いっぱいに画像表示 Stackを使って実現することができます。 class _MyHomePageState extends…