如何使用底部導航欄在flutter的兩個頁面之間傳遞資料 -有解無憂

我是flutter世界的新手。我正在使用底部導航欄，但我不知道如何將資料從底部導航欄頁面傳遞到主頁，因為主頁期望有一個引數。我在其他頁面之間傳遞資料，但我找不到在底部導航欄和主頁之間傳遞資料的方法。謝謝你的幫助

這是我的導航頁代碼

import 'package:chat_app/models/user_model.dart' ;
import 'package:chat_app/screens/call_log_screen.dart';
import 'package:chat_app/screens/chat_screen.dart';
import 'package:chat_app/screens/home_screen.dart';
import 'package:chat_app/screens/search_screen.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class CustomBottomNavigationBar extends StatefulWidget{
  UserModel用戶。
  CustomBottomNavigationBar(this.user)。
  @override.
  _CustomBottomNavigationBarState createState() =>
      _CustomBottomNavigationBarState()。
}

class _CustomBottomNavigationBarState extends State< CustomBottomNavigationBar> {
  int _selectedIndex = 0;
  late final screens = [
    HomeScreen(widget.user)。
    CallLog()。
    CallLog()。
    CallLog()。
  ];

  void onTapped(int index) {
    print（widget.user.name）。
    setState(() {
      _selectedIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: screens[_selectedIndex],
      bottomNavigationBar: BottomNavigationBar(
        backgroundColor: Colors.black,
        selectedIconTheme: IconThemeData(color: Colors.blue),
        currentIndex: 2。
        專案。[
          BottomNavigationBarItem(
            圖示。Icon(
              CupertinoIcons.settings,
              color: Colors.gray,
            ),
            標簽。'hi'。
          ),
          底部導航欄專案(
            圖示。Icon(
              CupertinoIcons.home,
              color: Colors.gray,
            ),
            標簽。'hi'。
          ),
          底部導航欄專案(
            圖示。Icon(
              CupertinoIcons.phone,
              color: Colors.gray,
            ),
            標簽。'hi'。
          ),
          底部導航欄專案(
            圖示。Icon(
              CupertinoIcons.chat_bubble_text,
              color: Colors.gray,
            ),
            標簽。'hi'。
          ),
        ],
        onTap: onTapped,
      ),
    );
  }
}

而這是我的主頁代碼

import 'package:cached_network_image/cached_network_image.dart'/span>;
import 'package:chat_app/models/user_model.dart'。
import 'package:chat_app/screens/chat_screen.dart';
import 'package:chat_app/screens/search_screen.dart';
import 'package:chat_app/widgets/bottom_navigation_bar.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_sign_in/google_sign_in.dart';
import 'package:intl/intl.dart';

import 'auth_screen.dart';

class HomeScreen extends StatefulWidget{
  UserModel user。
  HomeScreen(this.user)。

  @override
  _HomeScreenState createState() => _HomeScreenState()。
}

class _HomeScreenState extends State< HomeScreen> with WidgetsBindingObserver{
  @override
  void initState() {
    // TODO: implement initState
    super.initState（）。
    WidgetsBinding.instance！.addObserver(this)。
    setStatus('online')。
  }

  void setStatus(String status) async {
    await FirebaseFirestore.instance
        .collection('users')
        .doc(widget.user.uid)
        .update({"userStatus": status}) 。
  }

  @override[/span
  void didChangeAppLifecycleState(AppLifecycleState state) {
    // TODO:實作 didChangeAppLifecycleState。
    if (state == AppLifecycleState.resumed) {
      //在線
      setStatus("online")。
    } else {
      //offline {
      setStatus('offline')。
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        標題。Text('Home')。
        centerTitle: true,
        backgroundColor: Colors.deepPurple,
        行動。[
          IconButton(
            onPressed: () async {
              await GoogleSignIn().signOut()。
              await FirebaseAuth.instance.signOut（）。
              setStatus('offline')。
              Navigator.pushAndRemoveUntil(
                  背景關系。
                  MaterialPageRoute(
                    builder: (context) => AuthScreen(),
                  ),
                  (route）=> false）。)
            },
            圖示。Icon(Icons.logout)。
          ),
        ],
      ),
      body: StreamBuilder(
        流。FirebaseFirestore.instance
            .collection('users')
            .doc(widget.user.uid)
            .collection(' messages')
            .snapshots()。
        建設者。(context, AsyncSnapshot snapshot) {
          if (snapshot.hasData) {
            if (snapshot.data.docs.length < 1) {
              return Center(
                孩子。Text('No Chat Available!!') 。
              );
            }
            return ListView.buildinger(
              itemCount: snapshot.data.docs.length,
              itemBuilder: (context, index) {
                var friendId = snapshot.data.docs[index].id。
                var lastMsg = snapshot.data.docs[index]['last_message'] 。
                var lastMsgTime =
                    snapshot.data.docs[index]['last_message_time']。

                return FutureBuilder(
                  未來。FirebaseFirestore.instance
                      .collection('users')
                      .doc(friendId)
                      .get（）。
                  建設者。(context, AsyncSnapshot asyncSnapShot) {
                    if (asyncSnapShot.hasData) {
                      var friend = asyncSnapShot.data;
                      return ListTile(
                        領導。ClipRRect(
                          borderRadius: borderRadius.round(80.0)。
                          孩子。CachedNetworkImage(
                            imageUrl: friend['image']。
                            占位符。(context, url) =>
                                CircularProgressIndicator()。
                            errorWidget: (context, url, error) =>
                                Icon(Icons.error)。
                          ),
                          // child: Image.network(
                          //friend['image'],
                          // ）,
                        ),
                        尾部。文本(
                          DateFormat.jm().format(
                            lastMsgTime.toDate()。
                          ),
                        ),
                        標題。文本(
                          friend['name']。
                        ),
                        副標題。文本(
                          "$lastMsg"。
                          風格。TextStyle(color: Colors.gray),
                          溢位。TextOverflow.ellipsis,
                        ),
                        onTap: () {
                          Navigator.push(
                            背景關系。
                            MaterialPageRoute(
                              builder: (context) => ChatScreen(
                                currentUser: widget.user,
                                receiverId：friend['uid']。
                                receiverImage：friend['image']。
                                receiverName：friend['name']。
                              ),
                            ),
                          );
                        },
                      );
                    }

                    return LinearProgressIndicator（）。
                  },
                );
              },
            );
          }
          return Center(
            孩子。CircularProgressIndicator(),
          );
        },
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.push(
            背景關系。
            MaterialPageRoute(
              builder: (context) => SearchScreen(widget.user),
            ),
          );
          // Navigator.pushAndRemoveUntil()
          //context,
          //MaterialPageRoute()
          // builder: (context) => SearchScreen(widget.user),
          // ）,
          // (route) => false);
        },
        孩子。Icon(CupertinoIcons.search)。
      ),
      bottomNavigationBar: CustomBottomNavigationBar(widget.user)。
    );
  }
}

uj5u.com熱心網友回復：

你不能在初始化器中訪問實體成員widget。

試試這個

class _CustomBottomNavigationBarState extends State< CustomBottomNavigationBar> {
  int _selectedIndex = 0;
  late final List 螢屏。

  @override
  void initState() {
    super.initState（）。

    螢屏 = [
      HomeScreen(widget.user),
      CallLog()。
      CallLog()。
      CallLog()。
    ];
  }
...
//其余的代碼。

uj5u.com熱心網友回復：

嘗試使用這個包底部導航欄

轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/308583.html

標籤：

上一篇：ReactJS-Firestore,如何在檔案內保存一個特定集合檔案的UID

下一篇：更新一個Firestore檔案需要3分鐘以上的時間