(1)Flutter记录之启动页

一年半前玩过flutter,忘光光...现在是时候重新拾取了。~

启动页一般只放图片或者加几行文字。

1、创建好flutter项目之后,在lib文件下面新建launch.dart或xx.dart.

image

2、在根目录下新建images文件夹,如已有直接放入图片

image

3、flutter_yijiake.iml中加入注入该图片,并注意空格

image

4、在根目录下的test/widget_test.dart中更改默认的启动页为当前的启动页路径

image

5、最后重新设置启动时的页面

image

6、非常简单的启动页面放logo图片

void main() => runApp(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.cyan,
      ),
      home: new Scaffold(
        backgroundColor: Colors.cyan,
        body: new Center(
          child: new Image(image:AssetImage("images/ic_app.jpg"),width: 100,height: 100,),
        ),
      ),
    );
  }
}

值得一说的是,flutter框架的UI组件需要已new 组件的形式展开。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文先介绍一下现有工程如何集成 Flutter 实现混合开发,以及混合项目如何打包,再探索下如何降低原生和 Flu...
    koin447阅读 5,738评论 1 37
  • 本文面向 Flutter 初学者,旨在用易懂的方式带大家入门。除了 Flutter 代码,还会介绍到语法、原理、特...
    NanBox阅读 2,981评论 0 6
  • 在家休假,每天的日子很轻松,农村的生活没有城市节奏快,早上六点多,就听见外面各种各样的声音,有鸡鸭声,鸟叫声,雨声...
    f68913c5f113阅读 100评论 0 0
  • 终于放假了!但是暑假作业还得写,我觉得暑假是一种丰富多彩的生活,我每天都很快活,我就在想我理想中的暑假生活到...
    翟晨西阅读 405评论 0 1
  • 初来日本,对这里的很多东西都感到新奇,因此我也写下很多东西。记录看到的一些事物,从他们的自行车、汽车、红绿灯,到房...
    采月光的人阅读 463评论 0 0