创建新的应用
- 启动 VS Code
- 调用 View>Command Palette…
- 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
- 输入 Project 名称 (如
myapp
), 然后按回车键 - 指定放置项目的位置,然后按蓝色的确定按钮
- 等待项目创建继续,并显示main.dart文件
上述命令创建一个Flutter项目,项目名为myapp,其中包含一个使用Material 组件的简单的演示应用程序。
在项目目录中,您的应用程序的代码位于 lib/main.dart
.
对比 创建React Native项目
- 运行
react-native init
gaox
创建名为gaox的React-Native项目- 也可以通过
create-react-native-app
gaox
- 也可以通过
- 运行cd gaox切换到项目根目录中,运行adb devices来确保有设备连接到了电脑上
- 运行react-native run-android打包编译安卓项目,并部署到模拟器或开发机中
- 运行上一条命令之前,要确保有设备连接到了电脑上,可以运行adb devices查看当前接入的设备列表;如果无法检查到设备列表,请先确保手机开启了开发者模式,同时要电脑上要安装手机的驱动程序;``
一、基础页面
//基本main函数
void main() {
//挂载应用的rootwigit
runApp(
Center(
child: Text(
'Hello',
//设置文字阅读方向
textDirection: TextDirection.ltr,
),
)
);
}
按F5选择一个个模拟器,运行新应用页面。
效果:
二、新建小部件
继承
extends StatefulWidget
有需要修改数据的小部件继承 StatefulWidget
不需要修改的继承 StatelessWidget