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不存在这个题目。

（编辑：湖南网）

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