import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatelessWidget {
const HomePage({Key? key}) : …
新しい回が出ましたね !
訳は文字起こしに日本語もありますのでそちらをご覧ください。
とりあえずざっくりまとめたいと思います。
=> ListView内の二つの項目を紐づけて、あるカードの特別なアイコンをクリックしたら別のカードへスクロールする場合。
=> AppBarをタップしたらListViewの最上部(top)に戻る挙動。
このような場合(他にもスクロール位置を取得したりコントロールしたり、プログラマティックにスクロールさせたりする場合)、ScrollControllerが必要になりますね、と。
基本的にスクロールするものは全てScrollControllerが必要。ListViewなどにScrollControllerを渡さずに生成した場合は、内部で自動的にScrollControllerが生成されている。
各Routeで自動的にPrimaryScrollControllerなるものを生成してInheritedWidgetの仕組みによってサブツリーと共有する。(Theme.of(context)やMediaQuery.of(context)などと同じように)
PrimaryScrollController.of(context,)
で取得できる。これを使ってスクロール位置の取得やスクロール操作を行うことができる。
ListViewなどにはprimaryプロパティがあり、
primary: true
にするとそのListViewはPrimaryScrollControllerを自身のcontrollerに設定する、という仕組み。
(PrimaryScrollControllerも含めて)ScrollControllerは、複数のScrollableと紐づけられることを嫌う。その場合、
“The ScrollController is attached to multiple scroll views.”
エラーが発生する。
モバイルは画面が小さいためListViewなどが複数同じ画面に存在することがあまりなかったが、web/desktopではより発生しやすい、ということになる。
(しかしFlutter3.3以降では、web/desktopのprimaryプロパティの値がデフォルトでfalseになったので、我々が何もしなければ基本的にこのエラーは発生しないようになった。)
Flutter3.3以降はprimaryプロパティのデフォルト値は
モバイルではtrue、…
MIT License Copyright (c) 2020 Remi Rousselet Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including…
MIT License Copyright (c) 2020 Remi Rousselet Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without…
参考
Android Studio : https://developer.android.com/studio/intro/keyboard-shortcuts?hl=ja
※ AS =>Android Studio , VS =>Visual Studio Code
⌘ => commandキー
AS :
⌘ , (あるいは画面上部メニューの[Android Studio] >> [Preferences])
左側のメニューの[Editor] >> [Font] で文字サイズを指定する。
VS : ⌘ shift +
AS : 「文字を拡大」と同じ…
Dart2.17で導入されたEnhanced enumsの使い方をサンプルコードで確認しましょう。
まずこれまでのenumでは、それぞれの列挙型の値がint型・String型などのデータを保持しているような実装をしたい場合(下記サンプルではint型)、下記のように書く必要がありました。
enum OldVehicle{
car,
bus,
bicycle,
}
extension OldVehicleX on OldVehicle{
int get tires{
switch(this){
case OldVehicle.car:
return 4;
case OldVehicle.bus:
return 6;
case OldVehicle.bicycle:
return 2;
}
}
int get passengers{
switch(this){
case OldVehicle.car:
return 5;
… 