Android Studio开发一个Flutter小应用【flutter入门】
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
今天教大家怎么在andriod studio中开发一个flutter应用
打开Android Studio,步骤Preference>plugins>Browes repositories 搜索Flutter 安装并重启Android Studio,就OK了。
如果您做完了上述的所有准备工作,那么我们可以在终端运行一下命令检查环境是否OK。
flutter doctor如果看到下面就表示成功了
[✓] Flutter (Channel beta, v0.4.4, on Mac OS X 10.13.4 17E202, locale zh-Hans-CN) [✓] Android toolchain - develop for Android devices (Android SDK 27.0.3) [✓] iOS toolchain - develop for iOS devices (Xcode 9.3.1) [✓] Android Studio (version 3.1) [✓] Connected devices (2 available) • No issues found!
在andriod studio中新建一个项目
点击新建一个flutter项目
新建完成后在lib下面有个main.dart
import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter Demo', theme: new ThemeData( primarySwatch: Colors.blue, ), home: new MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => new _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text(widget.title), ), body: new Center( child: new Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ new Text( 'You have pushed the button this many times:', ), new Text( '$_counter', style: Theme.of(context).textTheme.display1, ), ], ), ), floatingActionButton: new FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: new Icon(Icons.add), ), ); } }ok,选择模拟器运行试试看
ok,今天就把这个例子介绍完了,官方下载地址:https://flutter.dev/docs/get-started/install
网友评论0