🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Q&A

1回答

2118閲覧

flutter StatefulWidgetからStateを取得したい

u.shino

総合スコア12

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

0グッド

1クリップ

投稿2021/01/22 09:00

編集2021/01/22 09:01

flutter初級者です。

StatefulWidgetからStateを操作したく、諸々調べてみているもののうまくできないので、ご存知の方助言をいただけると助かります。

実装

実装している画面はbottomNavigationBarで選択したメニューによってappBarとbodyを切り替えるものになります。

mypage.dart

dart

1class MyPage extends StatefulWidget 2{ 3 4 _MyPageState createState()=> _MyPageState(); 5} 6 7class _MyPageState extends State<MyPage> 8{ 9 int pageIndex = 0; 10 List _appBars = [ 11 Test1AppBar(), 12 Test2AppBar() 13 ]; 14 List<Widget> _bodies = [ 15 Test1Body(), 16 Test2() 17 ]; 18 19 /** 20 * build 21 */ 22 23 Widget build(BuildContext context) 24 { 25 return new Scaffold( 26 appBar: _appBars[pageIndex].getWidget(context, _bodies[pageIndex]), 27 body: _bodies[pageIndex], 28 bottomNavigationBar: new BottomNavigationBar( 29 items: const <BottomNavigationBarItem> [ 30 BottomNavigationBarItem( 31 title: Text("テスト1") 32 ), 33 BottomNavigationBarItem( 34 title: Text("テスト2") 35 ) 36 ], 37 currentIndex: pageIndex, 38 onTap: (selectedIndex) { 39 setState(() { 40 pageIndex = selectedIndex; 41 }); 42 }, 43 ) 44 ); 45 } 46}

このページで呼び出すappBarの中に検索ボタンを置き、検索ボタンで開いたダイアログで検索条件を入力した後、bodyに当たるWidgetのstateを書き換えたいです。

test1.dart

dart

1Map _searchParameter = {}; 2 3/** 4 * appBar 5 */ 6class Test1AppBar 7{ 8 /** 9 * widgetを取得 10 */ 11 AppBar getWidget(BuildContext context, 12 Test1Body body) 13 { 14 return new AppBar( 15 title: Text("テスト1"), 16 actions: [ 17 IconButton(icon: Icon(Icons.search), 18 onPressed: () async { 19 _searchParameter = await showSearchModal(context); 20 // ここでreset()を呼びたい 21 }) 22 ] 23 ); 24 } 25} 26 27/** 28 * body 29 */ 30class Test1Body extends StatefulWidget 31{ 32 33 _Test1BodyState createState() => _Test1BodyState(); 34} 35 36/** 37 * state 38 */ 39class _Test1Body extends State<Test1Body> 40{ 41 List _list = []; 42 43 44 void didChangeDependencies() 45 { 46 getDataFromApi((response) { 47 setState(() { 48 _list = response; 49 }); 50 }); 51 super.didChangeDependencies(); 52 } 53 54 /** 55 * リセット 56 */ 57 void reset() 58 { 59 setState(() { 60 _list = []; 61 }); 62 } 63 64 /** 65 * build 66 */ 67 68 Widget build(BuildContext context) 69 { 70 return Container( 71 child: Text("test") 72 ); 73 } 74}

試したこと

こちらなどを参考に諸々試してみましたが、ダメでした。
https://www.it-swarm-ja.tech/ja/flutter/statefulwidget%E3%81%AE%E5%A4%96%E9%83%A8%E3%81%8B%E3%82%89%E3%81%AE%E7%8A%B6%E6%85%8B%E3%81%AE%E5%88%B6%E5%BE%A1/834304677/

dart

1class MessageBody extends StatefulWidget 2{ 3 // bodyのStatefulWidgetにofを実装 4 _MessageBodyState of(BuildContext context) 5 { 6 return context.findAncestorStateOfType(); 7 } 8 ... 9} 10 11class MessageAppBar 12{ 13 return AppBar( 14 actions: [ 15 IconButton(icon: Icon(Icons.search), 16 onPressed: () async { 17 _searchParameter = await showSearchModal(context); 18 // ofを呼んでみるが、nullが返された。 19 print(body.of(context)); 20 }) 21 ] 22 ); 23}

よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

StatefulWidgetでやる事もできますが、Flutter上達するにつれてStatefulWidgetだけだとややこしくなるのでProviderやRiverpodで状態管理する方法を学ぶ事をおすすめします。

投稿2021/01/22 10:20

hiroshihorie

総合スコア192

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問