iOS上的Flutter材料设计-底部按钮上的系统导航

ssgvzors  于 2023-03-09  发布在  Flutter
关注(0)|答案(1)|浏览(120)

我有一个简单的材料应用程序,按钮在底部。在Android上,它的确定在iOS系统导航栏底部是在这个按钮。什么是最好的解决方案,有这个导航按钮,仍然是确定在Android上?

Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Expanded(
            flex: 2,
            child: SvgPicture.asset(
              "assets/logo.svg",
              fit: BoxFit.contain,
              width: double.infinity,
            ),
          ),
          Text(initMessage),
          const Spacer(
            flex: 1,
          ),
          ElevatedButton(
              onPressed: () => navigatorKey.currentState?.pushNamed('/help'),
              child: const Text('Show Help'))
        ],
      ),
    );
  }
unftdfkk

unftdfkk1#

您可以使用SafeArea小部件 Package 列小部件。
这样它就变成了。

SafeArea {
child: Column {

有关详细信息,请参见https://api.flutter.dev/flutter/widgets/SafeArea-class.html

相关问题