如何解决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(),);
}
}
我的问题:
- 考虑多平台的标准方法应该是什么? (即 Case 和 switch 语句)
- 我认为目前还没有针对 Web、Mac、Windows 和 Linux 桌面应用程序建立专门的小部件,这些平台中的每一个都有哪些 UI 特征来确保设计与操作系统的一致性?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。