vscode 方式

创建新的应用

  1. 启动 VS Code
  2. 调用 View>Command Palette…
  3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action
  4. 输入 Project 名称 (如myapp), 然后按回车键
  5. 指定放置项目的位置,然后按蓝色的确定按钮
  6. 等待项目创建继续,并显示main.dart文件

上述命令创建一个Flutter项目,项目名为myapp,其中包含一个使用Material 组件的简单的演示应用程序。
在项目目录中,您的应用程序的代码位于 lib/main.dart.

对比 创建React Native项目

  1. 运行react-native initgaox创建名为gaox的React-Native项目
    1. 也可以通过create-react-native-appgaox
  2. 运行cd gaox切换到项目根目录中,运行adb devices来确保有设备连接到了电脑上
  3. 运行react-native run-android打包编译安卓项目,并部署到模拟器或开发机中
  4. 运行上一条命令之前,要确保有设备连接到了电脑上,可以运行adb devices查看当前接入的设备列表;如果无法检查到设备列表,请先确保手机开启了开发者模式,同时要电脑上要安装手机的驱动程序;``

一、基础页面

  1. //基本main函数
  2. void main() {
  3. //挂载应用的rootwigit
  4. runApp(
  5. Center(
  6. child: Text(
  7. 'Hello',
  8. //设置文字阅读方向
  9. textDirection: TextDirection.ltr,
  10. ),
  11. )
  12. );
  13. }

按F5选择一个个模拟器,运行新应用页面。

效果:
image.png

二、新建小部件

继承
extends StatefulWidget
有需要修改数据的小部件继承 StatefulWidget
不需要修改的继承 StatelessWidget