Flutterやろうよ！！！ 2

2021/01/30(土) 12:22:39.97

ようこそFlutter野郎どもよ！！！
軽い開発環境でモバイルアプリ開発ができるなんて最高じゃねえか
AndroidもiOSも両方行ける、まさに漢のためのツールだな

https://flutter.dev/

前スレ
Flutterやろうよ！！！
https://mevius.5ch.net/test/read.cgi/tech/1527919660/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

2021/01/30(土) 12:27:15.72

やらないか？

2021/01/30(土) 12:51:26.51

やろやろ

2021/01/30(土) 19:52:32.59

暇人しかこんなんいじれんわ

2021/01/31(日) 12:22:08.37

あいぽんシミュレータがほんと言うこと聞かないわ
MediaQuery.of(context).size

2021/02/01(月) 01:31:15.91

>>5
え？全く問題ないけど

2021/02/01(月) 17:26:49.29

30 Days of Flutter
https://dev.to/danytulumidis/30-days-of-flutter-1b0d

**デフォルトの名無しさん** (ｽﾌｯ Sd0a-o6BT) · 2021/02/01(月) 19:00:40.38

>>7
何ぞこれ

2021/02/01(月) 23:33:09.60

30日じゃ無理だけど、なんとなく作れるようにはなるw

2021/02/01(月) 23:36:16.35

Swiftより100倍マシw

2021/02/02(火) 09:15:36.97

個人的に、Flutter MobileとWebは馬鹿にしてたけど、Desktopの方は興味がそそられるね。
Electron代替と考えると、ネイティブ対応できる点でかなり優位に立てる、と思う。

2021/02/02(火) 09:25:07.35

こんなところにもFlutterが
Ubuntu Will Get a Brand-New Desktop Installer Using Flutter - 9to5Linux
https://9to5linux.com/ubuntu-will-get-a-brand-new-desktop-installer-using-flutter

2021/02/02(火) 15:23:28.44

30 Days of Flutter 初日の動画

https://www.youtube.com/watch?v=-feG_q_0j3Y

2021/02/03(水) 14:29:07.01

これ中途半端キャラだろ
ネイティブ経験者が楽するために選択肢でしかなくね
やること難しかったらネイティブ一択だろうし

ネイティブ経験者が要件緩め案件でマルチ→Flutter
Webの人が要件緩めの案件でマルチ→WebView

2021/02/03(水) 17:53:21.15

そりゃフレームワークってのは楽をするためにあるわけで

2021/02/03(水) 20:52:12.37

>>14
使ってみた？中途半端だと思う？

2021/02/04(木) 09:20:01.48

モバイルは、どうしてもiOSが～Androidが～ってなるからね。
Flutterだけで全部完結できるようなアプリが、どうしも半端になりやすいってのはあるだろう。

2021/02/04(木) 10:31:12.24

>>14
自分で言ってる通り半端かどうかは要件次第だから、
要件に合わない場合使わなければ良いだけでは?
Google Ads
eBay
IKEA
↑でも使われてるようなので、これらを半端というのなら
それで良いと思う笑

2021/02/04(木) 10:48:47.88

>>17
> Flutterだけで全部完結できるようなアプリ

具体的に「Flutterだけで全部完結」って、例えばどんな場合？　Flutterパッケージ
だけ使ってても、中身はNativeコードだぞ？

設定の保存と復元とかに使う「shared_preferences」ってパッケージなんだが、
Android版のReleaseで動かなくて、調べたら不具合あるみたいなんだが？

SharedPreferences not instantiating in release build
ttps://stackoverflow.com/questions/63033700/sharedpreferences-not-instantiating-in-release-build

こういう不具合情報って、どっかに纏まってないのかね？　意識高い系アーリー
アダプターが作った、素人向けの入門サイトや、プラグインの使い方の解説なんて、
他所から拾い集めた情報の劣化コピーで役に立たん。

2021/02/04(木) 11:05:37.12

COCOAでAndroidだけメール届いてなかったって問題
こういうFlutterみたいなツール使ってれば起きなかったと言える？

2021/02/04(木) 11:28:29.16

>>19
>>意識高い系アーリー
アダプターが作った、素人向けの入門サイトや、プラグインの使い方の解説なんて、
他所から拾い集めた情報の劣化コピーで役に立たん。

素人向け入門サイトに無い情報を
素人向け入門サイトで探しているからでしょ。

2021/02/04(木) 11:45:06.25

>>20
> Flutterみたいなツール使ってれば起きなかったと言える？

前にリポジトリを見たけど、COCOA は、Xamarin ( C# + .Net Framework )を
使ってるんじゃないかな？　バグを出すヤツは、どんな環境でもナナメ上行く
コード書くから関係ないと思う。　あんなバグがずっと放置されてるってことは、
COCOA は、まともにテストやってないんじゃないかな？

>>21
別に入門サイトや素人ブログを漁ってるわけじゃなくて、検索しても引っ掛かる
のは、そういうサイトばかりってことね。

2021/02/04(木) 12:12:51.42

>>19
プラグイン導入する時に変な不具合が放置されてないかGitHub行ってissueを見るけどなぁ。
自分が見つけられるような不具合は誰か見つけてる可能性が高い。

2021/02/04(木) 12:17:32.16

>>20
今回のCOCOAバグはBLEの近距離判断パラメータをiOSで調整したらそのパラメータがAndroidでは不適切で濃厚接触と判断されなかったって事のようなので、別々にそれぞれのネイティブ環境で開発してれば防げたかもね。

2021/02/04(木) 12:40:11.56

>>24
当初、文科省は、9月リリースで解消したと発表してたみたいだけど、報道では
9月リリース以降に発生と言っていたり、どれが正しい情報なんかねぇ？

濃厚接触者との接触があったかどうかの判断はサーバー側で行って、ユーザーに
通知してくるんだよね？　もし、BLEの近接判断検出レベルの問題なら、そもそも
接触(接近)自体が検出されなくて、サーバーにも通知(記録)されていないのでは？

2021/02/04(木) 12:44:15.49

>>23
そんなに幾つもプラグインを試したわけじゃないけど、どれもなんかしら不具合がある
印象。　あと、更新されてなくて最終リリース後の新しいOSで動かないとか大杉。

結局、公開されているプラグインは「釣り餌」で、ローカルにフォークして、独自に
メンテナンスするしかないのかなって気がする。

2021/02/04(木) 13:48:42.81

>>25
不具合の原因を聞く限り多分クラウド側まで接触通知が上がってなかったんじゃないかな？
一般メディアでは通知がされないって分かりやすい結果だけが報道されてるけど。

どの端末とどの端末がいつ近接してたかってのはコロナ確定前にも情報収集する必要があるはずなので、Androidだけ極端にデータが少ないってすぐに気付きそうなもんだがねぇ。何やってるんだか。

2021/02/04(木) 15:17:37.66

>>26
ほとんどのプラグインをそのまま使って8アプリリリースしたよ。
規模的には中規模組込みアプリから中規模ECアプリまで。

2021/02/04(木) 19:29:04.26

>>25
サーバーで濃厚接触判定なんかしないだろ。
プライバシー情報を極力取得しないんだから陽性判定された人が自分でCOCOAに陽性登録するとスマホ内で生成されたユニークIDがサーバーに保存されるだけ。
陽性判定者のユニークIDをCOCOA利用者全員に配布してクライアントの中で判定すればいいんだし。

2021/02/04(木) 19:38:53.67

Flutterと関係ないからどうでもいいよ

2021/02/04(木) 20:07:08.96

>>29
陽性判定者のユニークIDをCOCOA利用者全員に配布って、COCOAって本気で
そんな糞実装してるのか？

各自の端末内に、過去に3分以上だっけ？　近接した端末のユニークIDを全部記録
してるの？　最大何件か知らんけど、過去2週間以内分の？

COCOA利用者全員に感染者のユニークIDを配布って時点で、ユニークIDは感染者
個人を特定可能な情報じゃないの？　それに、SMSなんか使ってたらユニークIDと
端末の電話番号が判らないと送れないと思うのだが？　それとも、端末のアプリ
から定期的にGETしにいくの？

2021/02/04(木) 20:17:28.27

>>28
どんなプラグイン使ったか判らんと何とも。　JSONいじくるとか、そもそもH/W
寄りのパッケージでなければ、OSの仕様変更の影響を受ける可能性は少ないし、
規模感に至っては、人それぞれだし。

今はDart言語自体にもNull Safetyへの仕様変更が入ってて、ビルド時に次の
リリースで廃止予定ってな警告メッセージが結構出る。　あと、Debugビルドで
問題なく動いていても、Releaseビルドでは動かないパッケージが多い。

Releaseビルドは、単に右上の「DEBUG」を消すんじゃなくて「--release」オプ
ションを付けてビルドするって意味ね。(デフォルトは--debugで省略可)

バイナリサイズが全く違って起動も早くなるのだが、動かないのでは話にならん。

2021/02/04(木) 20:24:42.42

>>29
さすがにそれはないんじゃないかな？
一定時間以上の近接IDがお互いに紐付いてサーバにストアされ、後で陽性登録されたIDに紐付いたIDのスマホに通知されるって事じゃない？
それほど難しい話ではない。不具合は近接したかどうかの判定。
BTのビーコン使うので近接判定はADV_NONCONN_INDのRSSIベースだろうけどそのへんがiOSとAndroidで扱いが違ったんだろうね。

2021/02/04(木) 23:44:56.47

Flutterと関係ないね。失礼しました

2021/02/05(金) 10:58:13.21

そういえば、Flutterのデスクトップ対応だけど、Windows版もアルファ版のまま
だけど、MacOSや、Linux のデスクトップ対応版の話って聞かないね。

master channelの最新版で「flutter help build」ってやっても、MacOS、Linux用
のビルドオプションすら出てこないし。　dev channelだとあるの？

2021/02/05(金) 12:17:38.02

>>32
警告とか全く出ないんだがw
debugで動いてreleaseで動かないものなんか無いよ
例えば何？

2021/02/05(金) 14:50:12.19

>>36
クレクレ君かな？　デバッグのやり方を知らないだけでは？

例えば、pingのパッケージは幾つかあるけど「easyping: ^1.0.1」が、Debug
ビルドでは動くが、Releaseビルドでは動かない。　これは特にビルド時の警告
メッセージ出ない。

過去に出ている「Issue」はClosedだけど、関係あるかどうかわからん。

Flutter, ping packets are not sent in release version #13
ttps://github.com/rikulo/socket.io-client-dart/issues/13

ちなみに、flutterをmaster channelに切り替えて、「flutter upgrade」で最新に
更新すると、○○は非推奨で次のリリースで廃止予定ってな警告メッセージが沢山
出るようになる。

2021/02/05(金) 15:03:29.18

>>37
stableでしかビルドしてないからなぁ・・Null安全にそれほどメリット感じてないし・・
Null安全がstableに来るの3/3あたりだっけ？

2021/02/05(金) 19:28:24.19

null safety言語使ったことないだけだろ

2021/02/05(金) 20:19:16.88

swift1からやってるけど・・

2021/02/06(土) 01:33:12.54

みんなflutterのためだけにdart覚えたの？

2021/02/06(土) 05:10:52.28

そうだよ。ってかJSとか知ってればdartなんか覚えるの簡単

2021/02/06(土) 06:11:47.13

別にDartつっても特別変な構文があるわけでもないし言語習得にはほとんど苦労しなかったな。
その代わりWidgetの癖の強さは未だに苦労する。

2021/02/06(土) 15:25:59.94

>>42-43
Dart言語で、ListView.builder()の、itemBuilderに渡す関数を、_HogeHogeState
クラスのメンバ変数(例：int _listMode)の値で切り替えたいんだけど、Dartで一番
スマートに記述するには、どう書けばいいの？

できれば、関数ポインタの配列を定義して、_listModeをインデックスとして、
アクセスしたいんだが？

C/C++で普通にできることができなくて、なんかイラつく。

2021/02/06(土) 15:39:25.07

return widgets[index];

2021/02/06(土) 15:41:08.20

ちなみに抜粋して書くと、今は、

Widget _getlistview() {
switch(_listMode)
{
case 0:
return ListView.builder(
itemBuilder: _buildSimpleListItem,
// 中略
break;
case 1:
return ListView.builder(
itemBuilder: _buildIconListItem,
// 中略
break;
}
}

Widget build(BuildContext context){
log("*** _DemoPage3State::build() ***");
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: _getlistview(),
);
}

って書いてる。　itemBuilder部分に、switch文の条件分岐を入れようとしたら、
エラーになった。

2021/02/06(土) 15:42:59.81

>>45
アクセス部分はそうだけど、知りたいのは、widgets[]の初期化部分なんだが？

2021/02/06(土) 15:50:37.78

>>47
ItemBuilderは1つでいい。例えば、
widgets[0] = Column→list
widgets[1] = Column→icon

2021/02/06(土) 15:53:57.98

>>48
そんなん、中身固定の初心者向けのサンプルレベルやん。
やりたいのは、ListViewの見せ方を動的に変えたいってことだよ。

final var widgets[] = {
_buildSimpleListItem,
_buildIconListItem,
// 以下略
};

Widget _buildSimpleListItem(int indexItem) {
return Text(_listItems[indexItem]);
};

Widget _buildIconListItem(int indexItem) {
return ListTile{
leading: icon,
title:Text(_listItems[indexItem]);
);
};

てな書き方でいけるんだっけ？

2021/02/06(土) 15:59:48.39

ItemBuilder1つでそのListViewのインスタンスをプロパティで持つなりしてsetStateすればいくらでも見た目変えられるだろ、頭使え

2021/02/06(土) 16:01:15.50

ListViewに渡すパラメータをプロパティで持つ　だった

2021/02/06(土) 16:11:36.00

>>50-51
全く理解してないことが良く判った。

リストに表示する中身を、_listItems (例: List<String>) で保持して、_listMode
は、同じPage内に配置した DropdownButton 等と紐付いていて、選択を切り替え
た時点でsetState()してページ内のListViewの見せ方を変えたいの。

一応、やりたいこと自体は、糞な書き方でできることは確認してる。　説明の
都合上、ScaffoldのbodyはListViewだけにしてるけど、実際はもっと複雑。

2021/02/06(土) 16:16:14.01

>>52
だから、ListViewは1つでreturnする中身を変えりゃいいじゃん

2021/02/06(土) 16:23:30.72

return widgets[_listMode][index]; で簡単に出来るだろw

2021/02/06(土) 16:41:21.24

>>53

例えば、ListView.builderを1つにして、

body: ListView.builder(
itemBuilder: _getlistItem,
// 略
);

Widget _getlistItem(int indexItem) {
switch(_listMode)
{
case 0:
return Text(_listItems[indexItem]);
// 中略
break;
case 1:
return ListTile{
leading: icon,
title:Text(_listItems[indexItem]));
break;
}

と、itemBuilderに渡す関数も共通化して、その関数内でswitch～caseで分岐して、
返すWidgetを変えてもいいんだが、本当にやりたいのは、switch～caseを書く
のではなく、Widgetを返す関数配列にしたいってこと。

2021/02/06(土) 16:44:34.07

>>55
ならsetStateする前にListViewしたいwidget全要素作れば？

2021/02/06(土) 16:47:35.00

>>54
だから、widgets[][]を、どこで初期化するの？
中身はファイル名の一覧とか可変が前提だよ。

それと、使うWidgetは、表示スタイルによってどれか1つで済むのに、二重のfor
ループを廻して、毎回全部を作りなおすのか？　間違いではないが、糞プログラマ
認定だな。

2021/02/06(土) 16:49:29.40

>>56
なぜ、ListView.builderを使うのか、理解していないことが良く判った。

2021/02/06(土) 17:03:39.75

>>57
いや、 ListViewだって可変なら毎回作るんだよ。
でも2重全部は作らない。どちらか。
どっちがクソプロだよ。もう教えてやんねーよクズ

2021/02/06(土) 17:12:16.78

> だから、widgets[][]を、どこで初期化するの？
setStateする前だって言ってんだろ。

var list = []; って知ってる？全部作らなくていいの分かる？
その態度で、ど素人かよ・・向いてないから辞めな

2021/02/06(土) 17:22:25.88

>>49
別にこれでよくね?
IndexedWidgetBuilder関数自体をswitchで返すようにしてListView.Builderの記述を一つにするとか細かいのはあるが

つか、widgets[]何かいらんだろ?

2021/02/06(土) 17:25:30.28

今回はListView同士だが、表示モードでリスト表示やグリッド表示切り替えたりする機能じ実装したいんだろ?

2021/02/06(土) 17:28:26.46

ごめん>>55とか見てなかった

2021/02/06(土) 17:31:01.68

そもそもitemBuilderに渡せるクロージャの型は決まってるのに、そこでやりたがろうとするのか間違い。
returnする中身を_listModeで変えりゃいいだけ。

2021/02/06(土) 17:36:00.31

とりあえず、>>55はdartで十分スマートだから問題ないといっておく

Widgetを返す関数配列とか余計なことすると一人よがりのプログラムになりそうとだけ言っておく

仮にそこまでやって何の利点があるのか知らんが

2021/02/06(土) 17:43:49.14

もしもlistの件数が多いなら、flutterはreusableCellみたいな機構/考え方がないから、ScrollControllerでスクロールを監視して、止まったら実widgetを生成するとかの施策を作る方がよっぽどメリットある。
さらにそんな感じのListViewが複数あるならリビルト抑制のためにInheritedModel化しなければならない。

2021/02/06(土) 19:10:30.57

糞プログラマwのオレが余計なアドバイスしちゃったかなw
まぁ3年くらいは諦めずに続けてみる事だwww

2021/02/06(土) 19:29:48.12

>>55
dartのwidgetはプロパティ変更のためにはwidgetのnewが必ず伴わないといけないので、widget配列にインスタンスを先に定義してその参照を返すだけではrebuildされず画面更新されない。
コンストラクタのメンバーにFuture渡すとかすればよろし。

2021/02/06(土) 22:06:19.05

>>68
とりあえず、>>49のwidgets[]は、型は便宜上varとしているが、Widgetを返す
関数を保持されることを意図したつもり。

Widget _buildSimpleListItem(int indexItem)や、Widget _buildIconListItem
(int indexItem)は、Widgetを返す関数の実装。

配列要素である関数自体は変わらないが定数ではないからconstではなく、final を
付けてみたが、final付けるとエラーになるかも。

ListView.builder()は、itemBuilderに渡す関数を.builder内部で繰り返し呼び出して、
Widgetを作るので、わざわざwidgets[][]なんて持つ必要がないという理解。

当然、ListView.builder()はHogeHogePageのbuild内で呼び出しているので、
_listModeと紐付いたDropdownButtonのonChanged: で、

(value) => setState(() { _listMode = menu.indexOf(value); } ),

てな感じで更新を掛ける。

2021/02/06(土) 22:16:32.47

>Widgetを返す関数
これが無駄

2021/02/06(土) 23:04:48.80

ListView.builder() はListView内のセル1つのコンテンツを作るわけじゃなくて、ListViewという仕組みを作るものだということを理解しよう。
そのコンテンツはreturnするwidgetによって切り替えよう。

2021/02/07(日) 00:02:01.56

どうしてもitemBuilderを切り替えたいなら、
var _itemBuilders = <Widget Function(BuildContext, int)>[];
・・
itemBuilder: _itemBuilders[_listMode]
・・
ただ、itemCount:の明示が分かりにくくなり(がち)でバグの元になるので普通はこう書かないだろう。。

2021/02/07(日) 01:02:21.41

>>70-72
何も理解しとらんな。ListView.builder()自体は、ListViewを返すが、itemBuilder
が、ListView内に表示する個々のアイテム(Widget)を作るための関数だよ。　

内部実装まで追いかけてはいないが、実際は、ListView表示に必要なスクロール範囲
内に見える部分のindex～index+nの分だけアイテムを作って描画しているのでは
ないかと思う。　これはWindowsの仮想リストビューと同じような実装で、珍しく
もない。

だからListView.builder()の引数、itemCount: null, で無制限スクロールできる。