Flutter 中多平台的 UI 一致性

问题描述

随着 Flutter 2.0 的新发布，​​现在是一个基于单一代码库的稳定的多平台框架，这让我想知道如何实现与所有不同平台一致的设计。例如，在构建文本字段时，当我们现在必须考虑 Android、iOS、Web、Mac、Windows 和 Linux 桌面应用程序时，我们如何确保跨平台的设计一致性以匹配该特定平台的操作系统？

以前我会使用从“dart.io”导入的 Platform 包并使用三元运算符来判断包是 iOS 还是 Android，然后显示适当的 UI 元素：

class PaddedTextField extends StatelessWidget {
  PaddedTextField({this.labelText,this.keyboardType});

  final String labelText;
  final TextInputType keyboardType;

  TextField androidTextField() {
    return TextField(
        keyboardType: keyboardType,decoration: Inputdecoration(
          labelText: labelText,));
  }

  CupertinoTextField iOSTextField() {
    return CupertinoTextField(
      keyboardType: keyboardType,placeholder: labelText,);
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(30,8,30,8),child: Platform.isIOS ? iOSTextField() : androidTextField(),);
  }
}

我的问题：

1. 考虑多平台的标准方法应该是什么？ （即 Case 和 switch 语句）
2. 我认为目前还没有针对 Web、Mac、Windows 和 Linux 桌面应用程序建立专门的小部件，这些平台中的每一个都有哪些 UI 特征来确保设计与操作系统的一致性？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）