111 字
1 分钟
Flutter常用语法速查笔记
本人最近在学习fluutter 难免会忘记一些常用语法 所以让gpt整理了如下笔记
🧭基础速查（Dart + Flutter）
📌 Dart 基础语法
// 变量var name = '小白'; // 自动类型推断String city = '泉州'; // 指定类型final age = 18; // 运行时常量const pi = 3.14; // 编译时常量
// 函数int add(int a, int b) => a + b;
// 类class Person { String name; Person(this.name); void sayHello() => print('Hello, $name');}🧱 常用控件 Widget
控件
用途
`Text()`
显示文字
`Container()`
布局容器，支持样式、边距等
`Row() / Column()`
水平/垂直布局
`ListView()`
可滚动列表
`Image.asset() / Image.network()`
显示图片
`ElevatedButton()`
按钮
`Icon()`
图标
`Scaffold()`
页面结构，包含 AppBar 等
`Center()`
居中
`Expanded()`
弹性布局
`Stack()`
堆叠布局示例：
Scaffold( appBar: AppBar(title: Text('首页')), body: Center(child: Text('Hello 小白')),);🧠 状态管理（State）
Stateful Widget
class MyWidget extends StatefulWidget { @override _MyWidgetState createState() => _MyWidgetState();}
class _MyWidgetState extends State<MyWidget> { int counter = 0; void increment() { setState(() => counter++); }
@override Widget build(BuildContext context) { return Column( children: [ Text('$counter'), ElevatedButton( onPressed: increment, child: Text('加一'), ) ], ); }}🌐 路由导航
// 定义路由表MaterialApp( initialRoute: '/', routes: { '/': (context) => HomePage(), '/about': (context) => AboutPage(), },);
// 跳转Navigator.pushNamed(context, '/about');🎨 样式与主题
Text( '你好 Flutter', style: TextStyle( fontSize: 20, color: Colors.blue, fontWeight: FontWeight.bold, ),);
Container( margin: EdgeInsets.all(10), padding: EdgeInsets.symmetric(horizontal: 20), decoration: BoxDecoration( color: Colors.grey[300], borderRadius: BorderRadius.circular(10), ),);📦 包管理（pubspec.yaml）
dependencies: flutter: sdk: flutter http: ^0.13.0 provider: ^6.0.0安装依赖：
flutter pub get🖥 桌面支持配置（Windows/Linux/macOS）
flutter config --enable-linux-desktopflutter config --enable-windows-desktopflutter config --enable-macos-desktopflutter create .flutter run -d windows # macos/linux 也可以🔧 调试与构建
flutter run # 运行应用flutter build windows # 构建桌面程序flutter build apk # 构建安卓包flutter build web # 构建网页版flutter build windows --release # 使用Release模式构建桌面程序🧩 实用插件推荐
插件
用途
`provider`
状态管理
`http`
网络请求
`shared_preferences`
本地存储
`flutter_svg`
加载 SVG 图片
`url_launcher`
打开网页/电话/邮件等
`file_picker`
文件选择（桌面支持） 分享
如果这篇文章对你有帮助，欢迎分享给更多人！
Flutter常用语法速查笔记
https://www.showby.top/posts/2025-06-05-flutter常用语法速查笔记/ 部分信息可能已经过时
相关文章 智能推荐