Flutter-新頁面路由只會導致空白頁面-有解無憂

我已經創建了一個頁面路由，到feed_page，但是現在，當從feed_page到時new_post_page，new_post_page模擬電話上的只是空白。

這是強制性的代碼轉儲:)

在第一個代碼轉儲（原始頁面）中，我省略了腳手架的appBar和的其他內容body：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:we_rise/post_card.dart';
import 'new_post_page.dart';
import 'constants.dart';

class FeedPage extends StatefulWidget {
  @override
  _FeedPageState createState() => _FeedPageState();
}

class _FeedPageState extends State<FeedPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        ...
        ),
        actions: <Widget>[

// PAGE ROUTE IN QUESTION

          IconButton(
            icon: const Icon(Icons.add_circle),
            onPressed: () {
              Navigator.push(
                  context, MaterialPageRoute(builder: (context) => NewPostPage()));
            },
          ),
        ],
      ),
      body: ListView.builder(
        ...
      ),
    );
  }
}

然后是在模擬手機中顯示為空白的有問題的新頁面：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'constants.dart';

class NewPostPage extends StatefulWidget {
  @override
  _NewPostPageState createState() => _NewPostPageState();
}

class _NewPostPageState extends State<NewPostPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: const Color(0xFFFFC033),
        title: const Text('New Post'),
      ),
      body: Expanded(
        child: Column(
          children: const <Widget>[
            Text('Placeholder')
          ],
        )
      ),
    );
  }
}

uj5u.com熱心網友回復：

問題出在正文中，從正文中洗掉擴展小部件僅保留列小部件和運行，設定如下。

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'constants.dart';

class NewPostPage extends StatefulWidget {
  @override
  _NewPostPageState createState() => _NewPostPageState();
}

class _NewPostPageState extends State<NewPostPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: const Color(0xFFFFC033),
        title: const Text('New Post'),
      ),
      body: Column(
          children: const <Widget>[
            Text('Placeholder')
          ],
      ),
    );
  }
}

uj5u.com熱心網友回復：

例如：
=> 您正在洗掉擴展的 Widigit

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'constants.dart';

class NewPostPage extends StatefulWidget {
  @override
  _NewPostPageState createState() => _NewPostPageState();
}

class _NewPostPageState extends State<NewPostPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: const Color(0xFFFFC033),
        title: const Text('New Post'),
      ),
      body: Column(
          children: const <Widget>[
            Text('Placeholder')
          ],
      ),
    );
  }
}

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

標籤：扑镖

上一篇：Flutter：列文本需要居中

下一篇：無法將日期時間從字串轉換為另一種格式（例如：14/12/202103:34:03PM到03:34pm）