Rowの子の幅が大きかったりすると画面幅、window幅をはみ出してオーバーフローしてしまいます。
If the width of the child of Row is large, it will overflow the screen width and window width.
そういう時の対処法をいくつか考えてみましょう。
Let’s consider some ways to deal with this.
starting point
//Rowでオーバーフローする場合の対処法0。まずスタート地点。
import 'package:flutter/material.dart';
void main() {
…
訳は文字起こしにあります。
Part1
//https://www.youtube.com/watch?v=DCKaFaU4jdk&t=30s
//Equality in Dart | Decoding Flutter
//パート1:
void main() {
final a1 = A(title: 'a');
final a2 = A(title: 'a');
//デフォルトだと同一インスタンス以外は「等しくない」と評価される。
//By default, instances other than the same instance are evaluated as "not equal".
print(a1 == …
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…
