質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.50%
Flutter

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

Dart

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

Q&A

解決済

1回答

1344閲覧

【flutter】クラスを呼び出す記述方法がわかりません

narururu

総合スコア170

Flutter

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

Dart

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

0グッド

0クリップ

投稿2021/01/25 07:41

編集2021/01/30 06:49

解決したい課題

BottomNavigationBarのコード(tab_bar.dart)のタブ画面にカウンタアプリコード(main.dart)を呼び出したいです。

実行環境

デフォルトのカウンタアプリと公式ページのBottomNavigationBarのコードを使ってます。

コード

デフォルトのカウンタアプリ

maindart

import 'package:flutter/material.dart'; void main() { runApp(CountApp()); } class CountApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'CountApp', theme: ThemeData( visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'You have pushed the button this many times:', ), Text( '$_counter', style: Theme.of(context).textTheme.headline4, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: Icon(Icons.add), ), // This trailing comma makes auto-formatting nicer for build methods. ); } }

####公式ページのBottomNavigationBarのコード
tab_bar.dart

import 'package:flutter/material.dart'; import 'main.dart'; void main() => runApp(MyApp()); /// This is the main application widget. class MyApp extends StatelessWidget { static const String _title = 'Flutter Code Sample'; @override Widget build(BuildContext context) { return MaterialApp( title: _title, home: MyStatefulWidget(), ); } } /// This is the stateful widget that the main application instantiates. class MyStatefulWidget extends StatefulWidget { MyStatefulWidget({Key key}) : super(key: key); @override _MyStatefulWidgetState createState() => _MyStatefulWidgetState(); } /// This is the private State class that goes with MyStatefulWidget. class _MyStatefulWidgetState extends State<MyStatefulWidget> { int _selectedIndex = 0; static const List<Widget> _widgetOptions = <Widget>[ CountApp(), Text( 'Index 1: Business', ), Text( 'Index 2: School', ), ]; void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('BottomNavigationBar Sample'), ), body: Center( child: _widgetOptions.elementAt(_selectedIndex), ), bottomNavigationBar: BottomNavigationBar( items: const <BottomNavigationBarItem>[ BottomNavigationBarItem( icon: Icon(Icons.home), label: 'Home', ), BottomNavigationBarItem( icon: Icon(Icons.business), label: 'Business', ), BottomNavigationBarItem( icon: Icon(Icons.school), label: 'School', ), ], currentIndex: _selectedIndex, selectedItemColor: Colors.amber[800], onTap: _onItemTapped, ), ); } }

現状

実行コマンドを押してもエラーは表示されませんが、__tab_bar.dart__の下記コードに赤線が表示されています。

CountApp(),

エミュレータの画面はデフォルトのカウンタアプリが表示されています。

クラスの呼び出し記述に間違いがありそうなのですが、どのように記述方法を修正すればいいのかわからず。。。
どなたかアドバイスいただけますと幸いです。
よろしくお願いいたします。

追記

import 'package:flutter/material.dart'; void main() { runApp(CountApp()); } class CountApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'CountApp', theme: ThemeData( visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } // ignore: must_be_immutable class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); String title; @override MyHomePageState createState() => MyHomePageState(); } class MyHomePageState extends State<MyHomePage> { int _selectedIndex = 0; static List<Widget> _widgetOptions = <Widget>[ ChangeClass(), Text( 'Index 1: Business', ), Text( 'Index 2: School', ), ]; void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('BottomNavigationBar Sample'), ), body: Center( child: _widgetOptions.elementAt(_selectedIndex), ), bottomNavigationBar: BottomNavigationBar( items: const <BottomNavigationBarItem>[ BottomNavigationBarItem( icon: Icon(Icons.home), label: 'Home', ), BottomNavigationBarItem( icon: Icon(Icons.business), label: 'Business', ), BottomNavigationBarItem( icon: Icon(Icons.school), label: 'School', ), ], currentIndex: _selectedIndex, selectedItemColor: Colors.amber[800], onTap: _onItemTapped, ), ); } } class ChangeClass extends StatefulWidget { ChangeClassPage createState() => ChangeClassPage(); } class ChangeClassPage extends State<ChangeClass> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('narururu'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'You have pushed the button this many times:', ), Text( '$_counter', style: Theme .of(context) .textTheme .headline4, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: Icon(Icons.add), ), // This trailing comma makes auto-formatting nicer for build methods. ); } }

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

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

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

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

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

guest

回答1

0

ベストアンサー

dart

1static const List<Widget> _widgetOptions = <Widget>[ 2 CountApp(), // ここでMaterialAppが入れ子になってしまっていますね。MyHomePage()に変えてみてください。 3 Text( 4 'Index 1: Business', 5 ), 6 Text( 7 'Index 2: School', 8 ), 9 ];

そもそもmain関数は一つだけ書いてください。そして基本的にMaterialAppは一つです。解決しない場合は全コードを一つのファイルにまとめてからコードを載せてください。

投稿2021/01/27 17:36

hiroshihorie

総合スコア192

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

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

narururu

2021/01/28 10:14 編集

いつもご回答ありがとうございます!hiroshihorieさん☺ ご指摘の通り、main関数とMaterialAppは1つにしました。 また、コードを1つのファイルにまとめました。 その上で、 CountApp(),をMyHomePage(),に変更し、 class _MyStatefulWidgetState extends State<MyStatefulWidget> { を class MyHomePageState extends State<MyHomePage> { に修正しまいた。 結果、エラーは表示されなくなりました。 しかし、エミュレータにはカウンタアプリが表示され、BottomNavigationBarは表示されていないです。 試しにBottomNavigationBarのクラスをカウンタクラスより前に配置を変えたりしてみましたが、結果は変わらずでした???? 変更したコードを追記として載せておきました。もしよろしければ見ていただけますと助かります。
hiroshihorie

2021/01/28 15:07

ぱっと見ですがタブバーが書かれてるMyHomePageStateクラス自体使われてい無いように見えます。_MyHomePageStateがは使われていますね。createState() => _MyHomePageState()となってますから。ややこしいので名前を調整した方が良いです。
narururu

2021/01/29 10:29 編集

カウンタとタブバーのクラスの名前が重複してましたね。失礼しました。タブバーのクラス名をChangeClassに変更し、再度実行しました。 しかし、下記エラーが。。???? Error: The non-abstract class 'ChangeClass' is missing implementations for these members: Error: The method 'setState' isn't defined for the class 'ChangeClass'. 調べてはいるのですが、解決できないです????何がいけないのでしょうか。
narururu

2021/01/30 06:51

コードを修正しエラーがでなくなりました! 追記のコードを更新しておきます。 しかし、実行しても画面は真っ白状態です。
narururu

2021/01/30 07:02

AndroidStudioを再起動して再度試したところ、ちゃんと画面が表示され、イメージ通りの動作を確認することができました! アドバイスいただき本当にありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問