• 150455

    文章

  • 1009

    评论

  • 13

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

flutter开发开坑


前段时间开了个flutter项目。虽然比较简单 ,但是也算开坑了,记录一下

首先,官网了解一下,这里边介绍了很多,比如环境搭建,开发,以及部分用法介绍,推荐先看这个,完了之后再说别的,搭建起来之后,默认就是有一个程序的,可以跑一下感受一下,顺带,可以装一下iOS和安卓的工具,一起弄一下,我这边开发使用的是,你需要加入flutter插件,这个网上教程很多,可以看下,接下来说下不常有人说道的。

1、flutter中头文件导入是

import ''

值得注意的是,相同文件夹下的,引入头文件不需要写路径,否则要写路径

2.界面跳转

比如,默认项目中我们在main.dart的同目录文件夹下边创建文件blockTest.dart,引入头文件:

import 'blockTest.dart';

接下来修改main.dart方法的函数Myapp():

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'demo'),
      routes: <String ,WidgetBuilder>{
        '/block_test':(BuildContext context)=>BlockTest()
      },
    );
  }
}

点击跳转 我们只需要

child: new Column(
           children: <Widget>[
             new RaisedButton(
               child: Text('传值跳转'),
               onPressed: pushBlockTest,
             )
           ],
         )

 void pushBlockTest(){
    print('pushBlockTest');
    Future future = Navigator.push(context, new MaterialPageRoute(builder: (context)=>new BlockTest()));
    future.then((value){
      showDialog(
        context: context,
        builder: (context) => AlertDialog(
          title: Text('回传$value'),
       ),
      );
   });
  }

即可,当然方法并不是只有这一种。还有别的。

3.pubspec.yaml中的格式很严格

如图,其中给你的样式 必须严格的按照“|”的层级,否则可能找不到对应资源

 

 


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客