一、flutter的入门

本篇讲的是flutter的目录、代码结构组成和一个简单的demo

一、flutter目录:

创建好一个flutter项目后,你对flutter目录思考了解过吗?下面咱就说说这几个目录分别是什么意思。

android (android平台相关代码)

ios(ios平台相关代码)

build(存放编译结果以及apk包)

lib(flutter 相关代码,我们主要编写的代码就在这个文件夹)

test(用于存放测试代码)

pubspec.yaml(配置文件,一般存放一些第三方库的依赖)

二、基本代码结构:

import 'package:flutter/material.dart';  // 导入Material UI组件

void main() {  // 入口方法,其中main是dart的入口方法,runApp是flutter的入口方法

  runApp(MyApp());  // MyApp是一个自定义的组件

}

也可写成下面这种方式:

void main() => runApp(MyApp());

三、一个简单的demo

import 'package:flutter/material.dart';

void main() {

  runApp(Center( // 类似一个容器,可以让它里面的内容都居中显示

    child: Text( // Text是文本组件,意味你写的是文本

      "hello,world!",

      textDirection: TextDirection.ltr, // 这个的意思是文本方向是从左到右

    ),

  ));

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容