Question

<块引用>

本程序中有 2 个错误已在上图中显示

Main.dart 文件

void main() {
 
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Personal Expenses ',
      theme: ThemeData(
        primarySwatch: Colors.green,
        accentColor: Colors.amber,
        //errorColor: Colors.red[700],
        fontFamily: 'Quicksand',
        textTheme: ThemeData.light().textTheme.copyWith(
            title: TextStyle(
              fontFamily: 'OpenSans',
              fontWeight: FontWeight.bold,
              fontSize: 18,
            ),
            button: TextStyle(color: Colors.amber)),
        appBarTheme: AppBarTheme(
          textTheme: ThemeData.light().textTheme.copyWith(
                title: TextStyle(
                  fontFamily: 'OpenSans',
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                ),
              ),
        ),
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
 
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final List<Transaction> _userTransactions = [
   
  ];
  bool _showChart = false;
  List<Transaction> get _recentTransactions {
    return _userTransactions.where((tx) {
      return tx.date.isAfter(
        DateTime.now().subtract(
          Duration(days: 7),
        ),
      );
    }).toList();
  }

  void _addNewTransaction(
      String txTitle, double txAmount, DateTime chosenDate) {
    final newTx = Transaction(
      title: txTitle,
      amount: txAmount,
      date: chosenDate,
      id: DateTime.now().toString(),
    );

    setState(() {
      _userTransactions.add(newTx);
    });
  }

  void _startAddNewTransaction(BuildContext ctx) {
    showModalBottomSheet(
      context: ctx,
      builder: (_) {
        return GestureDetector(
          onTap: () {},
          child: NewTransaction(_addNewTransaction),
          behavior: HitTestBehavior.opaque,
        );
      },
    );
  }

  void _deleteTransaction(String id) {
    setState(() {
      _userTransactions.removeWhere((tx) => tx.id == id);
    });
  }

  @override
  Widget build(BuildContext context) {
    final mediaQuery = MediaQuery.of(context);
    final isLandscape = mediaQuery.orientation == Orientation.landscape;
    final PreferredSizeWidget appbar = Platform.isIOS

<块引用>

“Widget”类型的值不能分配给“PreferredSizeWidget”类型的变量。

        ? CupertinoNavigationBar(
            middle: Text(
              'Personal Expenses ',
            ),
            trailing: Row(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                GestureDetector(
                  child: Icon(CupertinoIcons.add),
                  onTap: () => _startAddNewTransaction(context),
                )
              ],
            ),
          )
        : AppBar(
            title: Text(
              'Personal Expenses ',
              style: TextStyle(fontFamily: 'OpenSans'),
            ),
            actions: <Widget>[
              IconButton(
                icon: Icon(Icons.add),
                onPressed: () => _startAddNewTransaction(context),
              ),
            ],
          );
    final txListWidget = Container(
      height: (mediaQuery.size.height -
              appbar.preferredSize.height -
              mediaQuery.padding.top) *
          0.7,
      child: TransactionList(
        _userTransactions,
        _deleteTransaction,
      ),
    );
    final pageBody = SingleChildScrollView(
      child: Column(
        
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          if (isLandscape)
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text('Show Chart'),
                Switch.adaptive(
                  activeColor: Theme.of(context).accentColor,
                  value: _showChart,
                  onChanged: (val) {
                    setState(() {
                      _showChart = val;
                    });
                  },
                ),
              ],
            ),
         
        ],
      ),
    );

返回Platform.isIOS ? CupertinoPageScaffold( 孩子：pageBody，导航栏：应用栏，

<块引用>

无法将参数类型“PreferredSizeWidget”分配给参数类型“ObstructingPreferredSizeWidget?”。

          )
        : Scaffold(
            .........,
                  ),
          );
  }
}

Answer 1

您的代码在 Flutter 的非空安全版本中工作。我不知道为什么现在空安全版本反对：

final PreferredSizeWidget appbar = Platform.isIOS ...

如果省略类型：

final appbar = Platform.isIOS ...

然后 appbar 被解释为 Widget 并在 appbar.preferredSize 上给出错误。

您可以强制在运行时检查类型：

final dynamic appbar = Platform.isIOS ...

这适用于我使用我的 Android 设备进行测试。不过，我还没有在 Apple 设备上进行过测试。

我创建这个 flutter issue 是为了使用 Flutter 的 null-safe 版本改变行为。您可以订阅该问题以获取更新通知。

编辑： Flutter 团队提出了一个 Dart issue，它解释了新行为并建议使用：

final PreferredSizeWidget appbar = (Platform.isIOS ? CupertinoNavigationBar() : AppBar()) 
                                   as PreferredSizeWidget;

Answer 2

问题是，appBar 接受实现 PreferredSize 的小部件

和 CupertinoPageScaffold 接受实现 ObstructingPreferredSizeWidget 的小部件

所以不要确定应用栏的数据类型

让它在运行时确定

就这么简单

最终 appBar = Platform.IOS ？ CupertinoNavigationBar() : AppBar()

并在 CupertinoPageScaffold 中添加 CupertinoNavigationBar

并在 Scaffold 中添加 AppBar

“Widget”类型的值不能分配给“PreferredSizeWidget”类型的变量

2 个答案: