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

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

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

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

Dart

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

Q&A

解決済

1回答

2179閲覧

The expression doesn't evaluate to a function, so it can't be invoked.

ituking

総合スコア80

Flutter

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

Dart

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

0グッド

0クリップ

投稿2023/02/07 05:59

編集2023/02/07 06:04

実現したいこと

  • The expression doesn't evaluate to a function, so it can't be invoked.を解決させて、正常な挙動にする。

前提

FlutterのUI構築の仕方を勉強するにあたり、Youtubeの動画を真似して勉強しています。

発生している問題・エラーメッセージ

The expression doesn't evaluate to a function, so it can't be invoked.

該当のソースコード

nav_screen.dart

1import 'package:facebook_clone/screens/screens.dart'; 2import 'package:flutter/material.dart'; 3import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 4import 'home_screen.dart'; 5 6import '../widgets/widgets.dart'; 7 8class NavScreen extends StatefulWidget { 9 const NavScreen({super.key}); 10 11 @override 12 State<NavScreen> createState() => _NavScreenState(); 13} 14 15class _NavScreenState extends State<NavScreen> { 16 final List<Widget> _screens = [ 17 HomeScreen(), 18 Scaffold(), 19 Scaffold(), 20 Scaffold(), 21 Scaffold(), 22 Scaffold(), 23 ]; 24 final List<IconData> _icons = [ 25 Icons.home, 26 Icons.ondemand_video, 27 MdiIcons.accountCircleOutline, 28 MdiIcons.accountGroupOutline, 29 MdiIcons.bellOutline, 30 Icons.menu, 31 ]; 32 int _selectedIndex = 0; 33 34 @override 35 Widget build(BuildContext context) { 36 return DefaultTabController( 37 length: _icons.length, 38 child: Scaffold( 39 body: _screens(_selectedIndex), 40 bottomNavigationBar: CustomTabBar( 41 icons: _icons, 42 selectedIndex: _selectedIndex, 43 onTap: (index) => setState(() => _selectedIndex = index), 44 ), 45 ), 46 ); 47 } 48} 49

home_screen.dart

1import 'package:facebook_clone/config/palette.dart'; 2import 'package:facebook_clone/data/data.dart'; 3import 'package:facebook_clone/widgets/circle_button.dart'; 4import 'package:flutter/material.dart'; 5import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; 6import 'package:facebook_clone/widgets/widgets.dart'; 7 8import '../models/models.dart'; 9 10class HomeScreen extends StatelessWidget { 11 const HomeScreen({super.key}); 12 13 @override 14 Widget build(BuildContext context) { 15 return Scaffold( 16 body: CustomScrollView( 17 slivers: [ 18 SliverAppBar( 19 brightness: Brightness.light, 20 backgroundColor: Colors.white, 21 title: Text( 22 "facebook", 23 style: TextStyle( 24 color: Palette.facebookBlue, 25 fontSize: 28.0, 26 fontWeight: FontWeight.bold, 27 letterSpacing: -1.2, 28 ), 29 ), 30 centerTitle: false, 31 floating: true, 32 actions: [ 33 CircleButton( 34 icon: Icons.search, 35 iconSize: 30.0, 36 onPressed: () => print("Search"), 37 ), 38 CircleButton( 39 icon: MdiIcons.facebookMessenger, 40 iconSize: 30.0, 41 onPressed: () => print("Messenger"), 42 ), 43 ], 44 ), 45 SliverToBoxAdapter( 46 child: CreatePostContainer(currentUser: currentUser), 47 ), 48 SliverPadding( 49 padding: const EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 5.0), 50 sliver: SliverToBoxAdapter( 51 child: Rooms(onlineUsers: onlineUsers), 52 ), 53 ), 54 SliverPadding( 55 padding: const EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 5.0), 56 sliver: SliverToBoxAdapter( 57 child: Stories( 58 currentUser: currentUser, 59 stories: stories, 60 ), 61 ), 62 ), 63 SliverList( 64 delegate: SliverChildBuilderDelegate( 65 (context, index) { 66 final Post post = posts[index]; 67 return PostContainer(post: post); 68 }, 69 childCount: posts.length, 70 ), 71 ), 72 ], 73 ), 74 ); 75 } 76} 77

widgets.dart

1export 'circle_button.dart'; 2export 'create_post_container.dart'; 3export 'rooms.dart'; 4export 'profile_avatar.dart'; 5export 'stories.dart'; 6export 'post_container.dart'; 7export 'custom_tab_bar.dart'; 8

試したこと

The expression doesn't evaluate to a function, so it can't be invoked.を和訳したところ、
この式は関数として評価されないので、呼び出すことはできません。という意味だと判明。
The expression doesn't evaluate to a function, so it can't be invoked.でググったところ、以下のページに行き着く。
https://stackoverflow.com/questions/63667623/currentuser-is-not-working-type-why-i-am-seeing-the-expression-doesnt-evaluat
上記のページをもとにして考えてみたところ、nav_screen.dart38行目での記述body: _screens(_selectedIndex),は関数の呼び出しで使っているはずなのに記述として間違っていることはわかりました。しかしお手本にしている動画(1:05:30秒辺り)https://www.youtube.com/watch?v=HvLb5gdUfDE&t=62s
では関数の呼び出しとして機能しています。いろいろ自分なりに調べてみましたが今回の場合どう対応させれば良いのかというのが30分ほど考えてみましたがわからなかったので質問させてください。
現在FlutterのUIの構築のやり方を勉強するという段階なので今回の場合だとどううまく対応させれば良いかがわからない状況です。widgets.dartにexportしている各ファイルは記述量が多くなってしまうのでコメント欄に記載させていただきます。情報の追加依頼などありましたらコメントお願いします。

補足情報(FW/ツールのバージョンなど)

[✓] Flutter (Channel stable, 3.7.0, on macOS 13.1 22C65
darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices
(Android SDK version 32.1.0-rc1)
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.74.3)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

参考にしている動画
https://www.youtube.com/watch?v=HvLb5gdUfDE&t=62s

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

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

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

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

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

ituking

2023/02/07 06:00

```circle_button.dart import 'package:flutter/material.dart'; class CircleButton extends StatelessWidget { final IconData icon; final double iconSize; final VoidCallback? onPressed; const CircleButton({ super.key, required this.icon, required this.iconSize, required this.onPressed, }); @override Widget build(BuildContext context) { return Container( margin: EdgeInsets.all(6.0), decoration: BoxDecoration( color: Colors.grey[200], shape: BoxShape.circle, ), child: IconButton( onPressed: onPressed, icon: Icon(icon), color: Colors.black, iconSize: iconSize, ), ); } } ``` ```create_post_container.dart import 'package:facebook_clone/widgets/widgets.dart'; import 'package:flutter/material.dart'; import '../models/models.dart'; class CreatePostContainer extends StatelessWidget { final User currentUser; const CreatePostContainer({super.key, required this.currentUser}); @override Widget build(BuildContext context) { return Container( padding: EdgeInsets.fromLTRB(12.0, 8.0, 12.0, 0.0), color: Colors.white, child: Column( children: [ Row( children: [ ProfileAvatar(imageUrl: currentUser.imageUrl), SizedBox(width: 8.0), Expanded( child: TextField( decoration: InputDecoration.collapsed( hintText: "What\'s on your mind?", ), ), ), ], ), Divider( height: 10.0, thickness: 0.5, ), Container( height: 40.0, child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ TextButton.icon( style: TextButton.styleFrom( foregroundColor: Colors.black, ), onPressed: () => print("Live"), icon: Icon( Icons.video_camera_back, color: Colors.red, ), label: Text("Live"), ), VerticalDivider( width: 8.0, ), TextButton.icon( style: TextButton.styleFrom( foregroundColor: Colors.black, ), onPressed: () => print("Photo"), icon: Icon( Icons.photo_library, color: Colors.green, ), label: Text("Photo"), ), VerticalDivider( width: 8.0, ), TextButton.icon( style: TextButton.styleFrom( foregroundColor: Colors.black, ), onPressed: () => print("Room"), icon: Icon( Icons.video_call, color: Colors.purpleAccent, ), label: Text("Room"), ), VerticalDivider( width: 8.0, ), ], ), ), ], ), ); } } ``` ```rooms.dart import 'package:facebook_clone/config/palette.dart'; import 'package:facebook_clone/models/user_model.dart'; import 'package:facebook_clone/widgets/widgets.dart'; import 'package:flutter/material.dart'; class Rooms extends StatelessWidget { final List<User> onlineUsers; const Rooms({super.key, required this.onlineUsers}); @override Widget build(BuildContext context) { return Container( height: 60.0, color: Colors.white, child: ListView.builder( padding: EdgeInsets.symmetric( vertical: 10.0, horizontal: 4.0, ), scrollDirection: Axis.horizontal, itemCount: 1 + onlineUsers.length, itemBuilder: (BuildContext context, int index) { if (index == 0) { return Padding( padding: EdgeInsets.symmetric(horizontal: 8.0), child: _CreateRoomButton(), ); } final User user = onlineUsers[index - 1]; return Padding( padding: EdgeInsets.symmetric(horizontal: 8.0), child: ProfileAvatar( imageUrl: user.imageUrl, isActive: true, ), ); }, ), ); } } class _CreateRoomButton extends StatelessWidget { const _CreateRoomButton({super.key}); @override Widget build(BuildContext context) { return OutlinedButton( onPressed: () => print("Create Room"), child: Row( children: [ ShaderMask( shaderCallback: (rect) => Palette.createRoomGradient.createShader(rect), child: Icon( Icons.video_call, size: 35.0, color: Colors.white, ), ), SizedBox( width: 4.0, ), Text( "Create\nRoom", ), ], ), style: OutlinedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(30.0), side: BorderSide( width: 3.0, color: Colors.blueAccent[100]!, ), ), textStyle: TextStyle( color: Palette.facebookBlue, ), ), ); } } ``` ```profile_avatar.dart import 'package:cached_network_image/cached_network_image.dart'; import 'package:facebook_clone/config/palette.dart'; import 'package:facebook_clone/data/data.dart'; import 'package:flutter/material.dart'; class ProfileAvatar extends StatelessWidget { final String? imageUrl; final bool isActive; final bool hasBorder; const ProfileAvatar({ super.key, required this.imageUrl, this.isActive = false, this.hasBorder = false, }); @override Widget build(BuildContext context) { return Stack( children: [ CircleAvatar( radius: 20.0, backgroundColor: Palette.facebookBlue, child: CircleAvatar( radius: hasBorder ? 17.0 : 20.0, backgroundColor: Colors.grey[200], backgroundImage: CachedNetworkImageProvider(imageUrl.toString()), ), ), isActive ? Positioned( bottom: 0.0, right: 0.0, child: Container( height: 15.0, width: 15.0, decoration: BoxDecoration( color: Palette.online, shape: BoxShape.circle, border: Border.all( width: 2.0, color: Colors.white, ), ), ), ) : SizedBox.shrink(), ], ); } } ``` ```stories.dart import 'dart:ffi'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:facebook_clone/config/palette.dart'; import 'package:facebook_clone/widgets/widgets.dart'; import 'package:flutter/material.dart'; import '../models/models.dart'; class Stories extends StatelessWidget { final User currentUser; final List<Story> stories; const Stories({super.key, required this.currentUser, required this.stories}); @override Widget build(BuildContext context) { return Container( height: 200.0, color: Colors.white, child: ListView.builder( padding: EdgeInsets.symmetric( vertical: 10.0, horizontal: 8.0, ), scrollDirection: Axis.horizontal, itemCount: stories.length, itemBuilder: (BuildContext context, int index) { if (index == 0) { return Padding( padding: EdgeInsets.symmetric( horizontal: 4.0, ), child: _StoryCard( isAddStory: true, currentUser: currentUser, story: stories[index], ), ); } return Padding( padding: EdgeInsets.symmetric(horizontal: 4.0), child: _StoryCard( story: stories[index], currentUser: currentUser, ), ); }, ), ); } } class _StoryCard extends StatelessWidget { final bool isAddStory; final User currentUser; final Story story; const _StoryCard({ super.key, this.isAddStory = false, required this.currentUser, required this.story, }); @override Widget build(BuildContext context) { return Stack( children: [ ClipRRect( borderRadius: BorderRadius.circular(12.0), child: CachedNetworkImage( imageUrl: isAddStory ? currentUser.imageUrl.toString() : story.imageUrl.toString(), height: double.infinity, width: 110.0, fit: BoxFit.cover, ), ), Container( height: double.infinity, width: 110.0, decoration: BoxDecoration( gradient: Palette.storyGradient, borderRadius: BorderRadius.circular(12.0), ), ), Positioned( top: 8.0, left: 8.0, child: isAddStory ? Container( height: 40.0, width: 40.0, decoration: BoxDecoration( color: Colors.white, shape: BoxShape.circle, ), child: IconButton( padding: EdgeInsets.zero, icon: Icon(Icons.add), iconSize: 30.0, color: Palette.facebookBlue, o
guest

回答1

1

ベストアンサー

dart

1 child: Scaffold( 2 body: _screens(_selectedIndex), 3 bottomNavigationBar: CustomTabBar(

ではなく

dart

1 child: Scaffold( 2 body: _screens[_selectedIndex], 3 bottomNavigationBar: CustomTabBar(

じゃない。

_screensはList<Widget>の変数として宣言されているのに、使ってる側は()付きのFunctionとして取り扱っているから。

この式は関数として評価されないので、呼び出すことはできません。

に合致するのでは。
自動翻訳だからかニュアンス的にどうなの?って感じはするけど。

投稿2023/02/07 06:24

ta.fu

総合スコア1655

Jedda👍を押しています

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

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

ituking

2023/02/07 19:12

回答ありがとうございます。 まさしくその通りでした。変数宣言時にはリストとして[]を使って宣言しているのに使用時は関数としてしまっているところに原因があったようです。適切な対応ありがとうございました😊
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.54%

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

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

質問する

同じタグがついた質問を見る

Flutter

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

Dart

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