Flutter 开发中的一些 Tips

同时使用Theme还可以修改许多默认的设置，比如FlatButton的默认宽度为88，高度为36，但是FlatButton中没有直接修改的属性，网上好多的方法都是通过包一层Container去修改，不仅增加的嵌套，有些需求还不能达到。所以善用Theme可以让你省时省力，不过缺点就是你需要去翻翻源码，寻找使用这些Theme的地方。

5.注意平台差异

注意部分组件在Android与IOS平台之间的差异。

(1)Scaffold的 AppBar，AppBar中默认的title在Android中靠左显示，IOS中居中显示。如果需要两个平台效果统一，需要设置在AppBar中主动设置centerTitle属性。同时AppBar的返回箭头图标也不相同，统一的话需要自定义leading。

(2)页面跳转如果使用MaterialPageRoute来做过渡效果，注意Android中新的页面会从屏幕底部滑动到屏幕顶部，IOS中新的页面会从屏幕右侧滑动到屏幕左侧。

如果需要两个平台效果统一，我们不使用自带效果，可以自定义一个。

Navigator.push(context, PageRouteBuilder(transitionDuration: Duration(milliseconds: 300), 
  pageBuilder: (context, animation, secondaryAnimation){ 
    return new FadeTransition( //使用渐隐渐入过渡, 
      opacity: animation, 
      child: TestPage(), 
    ); 
  }) 
); 

要么修改Theme，统一两平台的实现。：

class MyApp extends StatelessWidget { 
 
  static const Map _defaultBuilders = { 
    TargetPlatform.android: FadeUpwardsPageTransitionsBuilder(), 
    TargetPlatform.iOS: FadeUpwardsPageTransitionsBuilder(), 
  }; 
   
  @override 
  Widget build(BuildContext context) { 
     
    return MaterialApp( 
      theme: ThemeData( 
        pageTransitionsTheme: PageTransitionsTheme( 
          builders: _defaultBuilders 
        ) 
      ), 
      ... 
    ); 
  } 
} 

(3)ScrollPhysics效果，可以滑动的部件都有一个physics属性。滑动到边界时，Android平台为边缘阴影的效果ClampingScrollPhysics，IOS为回弹效果BouncingScrollPhysics。如果需要统一，可以指定physics属性。

(4)状态栏方面，Android平台默认是半透明的效果，IOS则是透明效果。比如Android要实现IOS的效果，可以设置状态栏为透明。不过IOS要实现Android的效果则不行。。。，难道只能自定义?有知道方法的可以分享一下。

void main(){ 
  runApp(MyApp()); 
  // 透明状态栏 
  if (Platform.isAndroid) { 
    SystemUiOverlayStyle systemUiOverlayStyle =  
    SystemUiOverlayStyle(statusBarColor: Colors.transparent); 
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle); 
  } 
} 

5.输入键盘

当TextField的keyboardType属性设置为TextInputType.phone 或TextInputType.number时，IOS系统弹出的数字输入键盘没有"完成"按钮，导致输入法无法关闭。当然了Android不存在这个问题。

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!