学习flutter应该具备哪些基础知识?

    xiaoxiao2023-11-06  138

    1、

     

     

    2、

    flutter是基于Dart开发的,Dart是面向对象的强类型开发语言,它和java很像,但是和javascript有很大的区别

     

     

    3、创建和运行flutter项目的方式

    创建flutter项目的两种方式:

    ①通过Android studio创建:File-->new Flutter Project

    ②通过命令创建:flutter create <项目名>

    运行flutter项目的三种方式:

    ①命令方式:切换到项目目录下后,通过执行命令flutter run执行(该方式必须运行模拟器,如果有多个模拟器,需要执行flutter run -d '<设备名'进行运行>')

    ②通过Android studio的三角形按钮进行运行

    3)打开flutter项目,双击运行文件Runner.xcworkspace来运行flutter中的ios项目,此时便可以通过xcode来打开项目

    4、如何使用flutter包和插件?

    开发flutter app,有些功能或者模块是native已经实现好的,或者有现成的包和插件,只需要借助flutter包和插件就可以实现这些功能。那么如何使用这些包和插件呢?

    1)依赖插件,并通过packages get来安装该包

    2)创建dart文件plugin_use.dart并导入flutter插件

     

    3)使用插件中的方法

     

    import 'package:flutter/material.dart'; import 'package:flutter_color_plugin/flutter_color_plugin.dart'; void main() => runApp(PluginUse()); class PluginUse extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: '如何使用flutter包和插件?', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: '如何使用Flutter包和插件?'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text( 'You have pushed the button this many times:', style: TextStyle(color: ColorUtil.color('#899900')), ), Text( '$_counter', style: Theme.of(context).textTheme.display1, ), ], ), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, tooltip: 'Increment', child: Icon(Icons.add), ), // This trailing comma makes auto-formatting nicer for build methods. ); } }

    4)在main.dart中引入所创建的插件

     

    5)运行后颜色被修改

     

    5、

    在关于About这里,通常优秀的插件都会有一个github仓库地址

     

    如果遇到问题,可以在github仓库的issue里进行查看,看其它网页的一些讨论和有没有遇到类似的问题。

    如果运行过程中插件出现问题、插件找不到等一些问题,可以将app卸载后重新运行,这个时候会执行相关插件的初始化,此时便可以解决遇到的一些问题。这种方式可以排除一些因为插件安装失败或者安装不到位出现的一些问题

     

     

     

    注:

    1、

    https://pub.dart.dartlang.org

    https://pub.flutter-io.cn/

    google 官方创建的flutter包的一个管理平台

    这里可以查找到各种插件,比如颜色的插件,将字符串颜色转化成flutter的color颜色

     

    此时就可以搜索到flutter的插件

     

    然后点击后会列出README.md:使用说明   CHANGELOG.md:更新历史   Installing:如何安装     Versions:版本信息

    我们只需要关注如何使用和如何安装就可以了

     

     

     

    最新回复(0)