精华内容
参与话题
问答
  • flutter开发

    千次阅读 2019-06-23 15:59:21
    listView报The following assertion was thrown during performResize()解决方案 在listVie.build的时候加入如下参数: ListView.builder( scrollDirection: Axis.vertical, shrinkWrap: true,) ...

    1.listView报The following assertion was thrown during performResize()解决方案

    在listVie.build的时候加入如下参数:

    ListView.builder(
                    scrollDirection: Axis.vertical,
                    shrinkWrap: true,)
    

    2.Flutter布局:

    所有的都是weight。

    3.flutter中的手势传递

    手势是从最内层中的weight开始向外溢出的,一直到根。

    4.flutter中解决事件冲突

    通过手势竞争场来解决的,手势竞争场的规则:
    (1) 在任何时候,识别者都可以宣布并离开手势竞争场。如果手势竞争场只剩下一个识别器,那么该识别器就是赢家。
    (2) 在任何时候,识别者都可以宣布胜利,并且所有剩下的识别器都会失败。
    4.MaterialApp 使用注意事项
    (1).home属性是进入程序后显示的第一个页面,传入的是一个widget,但实际上这个widget需要包裹一个scaffold以显示该程序使用material design风格。

    5.flutter中设置背景颜色的方式:

    (1)将组建放入到container中

    Container(color: Colors.white, child:Widget)	
    

    6.widget的生命周期

    widget和android中的activity是一样的,所有移动端的界面的展示组件都有他的生命周期,那么flutter也不例外,在flutter中生命周期如下:
    在这里插入图片描述

    7.在flutter中万物皆组件所有的东西都是组件构成的。

    8.TextField中初始化文字并且光标在文字最后面的实现方式:

    new TextField(
                controller: TextEditingController.fromValue(
                  TextEditingValue(
                    text: inputText,
                    //设置光标在最后面。
                    selection: TextSelection.fromPosition(
                      TextPosition(
                        affinity: TextAffinity.downstream,
                        offset: inputText.length,
                      ),
                    ),
                  ),
                ),
              )
    

    9.flutter中packages get的时候一直卡在Running “flutter packages get” in XXX的解决办法。

    (1)、原因是因为在国内使用flutter的默认镜像会导致一直卡着。
    (2)、解决办法是通过设置国内的镜像。
    (3)、具体步骤:

    vi ~/.bash_profile 
    // 添加下面的代码:
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    // 保存后执行:
    source  ~/.bash_profile
    

    10.工厂构造函数

    工厂构造函数是一种构造函数,与普通构造函数不同,工厂函数不会自动生成实例,而是通过代码来决定返回的实例对象.
    例如:

    class Manager {
      // 工厂模式
      factory Manager() =>_getInstance()
      static Manager get instance => _getInstance();
      static Manager _instance;
      Manager._internal() {
        // 初始化
      }
      static Manager _getInstance() {
        if (_instance == null) {
          _instance = new Manager._internal();
        }
        return _instance;
      }
    }
    

    11.dart中通过下划线开头来实现私有变量,要不默认全是公有的。

    12.dart语言和js语言执行异步是一样的原理。

    在这里插入图片描述
    当有异步操作的时候就会将异步的操作放入引擎中开一个线程来执行这次的任务,最后执行完后会返回到栈中。

    13.在dart中只有执行到await的时候才会被挂起。否则就算是定义的async也不是执行异步的。

    14.flutter中Container居中

    Container(
            child: new Text('text'),
            alignment: Alignment.center,
    )
    

    15.container设置边框

     Container(
            decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(5),
            border: Border.all(color:Colors.black26,width: 1 )
     ),
    

    16.Flutter中的按钮

    (1)、RaisedButton :凸起的按钮,是Android中的Material Design风格的Button ,继承自MaterialButton
    (2)、FlatButton :扁平化的按钮,继承自MaterialButton
    (3)、OutlineButton :带边框的按钮,继承自MaterialButton
    (3)、IconButton :图标按钮,继承自StatelessWidget

    17.Navigator移除所有的路由,显示当前的路由。

    pushNamedAndRemoveUntil 将命名路由推送到Navigator,删除先前的路由,直到该函数的参数predicate返回true为止。

    18.flutter Button的种类

    1、RawMaterialButton:不适用当前Theme或者ButtonTheme的控件 , 如果自定义,官方推荐使用这个
    2、MaterialButton:google材料设计按钮,有主题的button,官网不推荐使用此控件,推荐使用它的子类,
    3、RaisedButton :凸起的按钮,其实就是 Material Design 风格的 Button,有阴影,圆角的button
    4、FlatButton : 扁平化的按钮,没有阴影 没有圆角 没有边框 ,背景透明
    5、OutlineButton:线框按钮,没有阴影 , 有圆角边框的
    6、IconButton : 只有一个Icon图标的按钮
    7、ButtonBar: 按钮组,可以将多个文本,图标放在一块
    8、FloatingActionButton : 浮动按钮
    9、PopupMenuButton 菜单,相当于 android 中的 PopupMenu 和 ios 中的 UIMenuController
    10、DropdownButton 下拉列表, 相当于 android 中的 Spinner
    11、InkWell : 无水波纹效果按钮

    19.text 去掉下划线

    只需要在style下面的TextStyle增加属性decoration:TextDecoration.none

    20.SizedBox可以设置其他组件的高度

    SizedBox(
          height: 10,
          child: LinearProgressIndicator(
            backgroundColor: Colors.black12,
            value: percentage,
            valueColor: new AlwaysStoppedAnimation<Color>(Colors.green),
          ),
        )
    

    21.设置圆角

    (1)、ClipRRect设置圆角

    ClipRRect(
        borderRadius: BorderRadius.all(Radius.circular(4)),
        child: SizedBox(
          height: 10,
          child: LinearProgressIndicator(
            backgroundColor: Colors.black12,
            value: percentage,
            valueColor: new AlwaysStoppedAnimation<Color>(Colors.green),
          ),
        ),
      ),
    

    (2)、container设置圆角

    decoration: new BoxDecoration(
     //背景
     color: Colors.white,
     //设置四周圆角 角度
     borderRadius: BorderRadius.all(Radius.circular(4.0)),
     //设置四周边框
     border: new Border.all(width: 1, color: Colors.red),
    ),
    

    22.进度条

    (1)、条形进度条

    new LinearProgressIndicator(
        backgroundColor: Colors.blue,
        value: 0.1,
        valueColor: new AlwaysStoppedAnimation<Color>(Colors.red),
    ),
    

    (2)、 圆形进度条

    new CircularProgressIndicator(
        strokeWidth: 4.0,
        backgroundColor: Colors.blue,
        value: 0.2,
        valueColor: new AlwaysStoppedAnimation<Color>(Colors.red),
    ),
    

    23.dio实现下载功能

    response =await dio.download(url,savePath,onReceiveProgress: (int count, int total){
            print("$count $total");
            });
    

    24.边框按钮

       OutlineButton(
                borderSide:new BorderSide(color: Theme.of(context).primaryColor),
                child: new Text('注册',style: new TextStyle(color: Theme.of(context).primaryColor),),
                onPressed: (){},
       )
    

    25.展示Dialog

    Future<T> showDialog<T>({
      @required BuildContext context,
      // 点击 dialog 外部是否可消失
      bool barrierDismissible = true,
      // 构建 Dialog 视图
      WidgetBuilder builder,
    })
    

    24.dio中取消请求

    void cancelRequests(CancelToken token) {
        token.cancel("cancelled");
    }
    

    25.引用第三方插件的方式

    (1)、使用gityinyong

     install_plugin:
          git: https://github.com/hui-z/flutter_install_plugin.git
    

    (2)、本地引用

      barcode_scan:
        path: plugins/barcode_scan-1.0.0
    

    (3)、直接引用第三方库

    barcode_scan: ^0.0.8
    

    26.弹框

    Flutter提供了showDialog函数显示一个对话框。
    (1)、showDialog:展示Material 控件
    (2)、showCupertinoDialog:ios样式对话框
    (3)、showGeneralDialog:自定义弹出的窗口,默认状态下弹出的窗口点击空白处不消失。

    showDialog(
         context: context,
         barrierDismissible: false,
         builder: (BuildContext context) =>
             UpdateView(updateMessage, downloadUrl),
    );
    

    barrierDismissible为false是点击空白区域不消失弹框。

    27.四种运行模式

    (1)、Debug模式
    Debug模式可以在真机和模拟器上同时运行:会打开所有的断言,包括debugging信息、debugger aids(比如observatory)和服务扩展。优化了快速develop/run循环,但是没有优化执行速度、二进制大小和部署。命令flutter run就是以这种模式运行的,通过sky/tools/gn --android或者sky/tools/gn --ios来build。有时候也被叫做“checked模式”或者“slow模式”。
    (2)、Release模式
    Release模式只能在真机上运行,不能在模拟器上运行:会关闭所有断言和debugging信息,关闭所有debugger工具。优化了快速启动、快速执行和减小包体积。禁用所有的debugging aids和服务扩展。这个模式是为了部署给最终的用户使用。命令flutter run --release就是以这种模式运行的,通过sky/tools/gn --android --runtime-mode=release或者sky/tools/gn --ios --runtime-mode=release来build。
    (3)、Profile模式
    Profile模式只能在真机上运行,不能在模拟器上运行:基本和Release模式一致,除了启用了服务扩展和tracing,以及一些为了最低限度支持tracing运行的东西(比如可以连接observatory到进程)。命令flutter run --profile就是以这种模式运行的,通过sky/tools/gn --android --runtime-mode=profile或者sky/tools/gn --ios --runtime-mode=profile```来build。因为模拟器不能代表真实场景,所以不能在模拟器上运行。
    (4)、Test模式
    headless test模式只能在桌面上运行:基本和Debug模式一致,除了是headless的而且你能在桌面运行。命令flutter test就是以这种模式运行的,通过sky/tools/gn来build。

    28、隐藏一个组件

    Visibility(
        visible: 是否显示,
        child: Widget(),
    )
    

    29.flutter clean

    删除build/.dart_tool/目录,清除缓存信息,避免之前不同版本代码的影响

    30. Container 充满屏幕

    Container(
                width: double.infinity,
                height: double.infinity,
                child: Image.network("http://jspang.com/static/myimg/WechatIMG12.jpeg"),
                color: Colors.lightBlue,
                color: Color.fromARGB(255, 255, 0, 0),
              ),
    

    31.json数据和实体类直接的转换

    (1)、当我们初次创建User.dart的时候,需要加入 part ‘User.g.dart’; 虽然系统会提示报错,但是不必紧张,这个我们一会生成Author.g.dart文件所必须的条件,我们暂时不要管它报不报错
    (2)、在需要转换的实体dart类前 加入@JsonSerializable()注解,表示需要json序列话处理。

    (3)、运行 flutter packages pub run build_runner build

    32.dart 在map中添加数据

     Look up the value of [key], or add a new value if it isn't there.
    
     Returns the value associated to [key], if there is one.
     Otherwise calls [ifAbsent] to get a new value, associates [key] to
     that value, and then returns the new value.
    
     Map<String, int> scores = {'Bob': 36};
     for (var key in ['Bob', 'Rohan', 'Sophena']) {
     scores.putIfAbsent(key, () => key.length);
     }
     scores['Bob']; // 36
     scores['Rohan']; // 5
     scores['Sophena']; // 7
    

    31.自定义组件

    CustomPainer类似于canvas一样的组件,可以通过这个组件实现各种自定义。

    32.跨平台技术融合解决差异化

    可以将RN flutter 小程序等融合在一起解决了差异化的问题。

    33.native和flutter切换

    通过URLSchema进行native和flutter之间切换。

    34.组件的优化

    StatefullWidget 是消耗非常大的资源的,尽量少使用

    35.时间戳

    (1)、获取
    datetime.millisecondsSinceEpoch
    (2)、转换
    DateTime.fromMillisecondsSinceEpoch(millisecondsSinceEpoch);

    36、flutter报如下错误

    Could not get resource ‘https://storage.googleapis.com/download.flutter.io/cn/rongcloud/sdk/im_lib/4.0.0/im_lib-4.0.0.pom’.
    方案:
    https://blog.csdn.net/wo122282967/article/details/105589103/

    展开全文
  • Flutter开发

    2020-06-13 16:40:08
    最近用flutter开发,发现超快。

    最近用flutter开发,发现超快。

    展开全文
  • Flutter开发之插件入门

    千人学习 2019-04-04 07:28:57
    Flutter开发之插件入门到精通(实战)   https://edu.csdn.net/course/detail/23390 作者简介 捷智云视频会议系统联合创始人,国内首本Flutter出版书籍作者,著有《Flutter技术入门与实战...
  • 搭建Flutter开发环境的文档。我使用的是Mac开发,环境搭建相对简单些。 https://book.flutterchina.club/chapter1/install_flutter.html 入门: 在macOS上搭建Flutter开发环境 ... ......

    回首demo。之前的工程突然,无法iOS上运行了。重装了最新的Xcode。然后VS Code 终端运行 flutter packages
    get 再打开Xcode 设置开发证书。再在iOS真机或者模拟器运行即可。

    搭建Flutter开发环境的文档。我使用的是Mac开发,环境搭建相对简单些。
    https://book.flutterchina.club/chapter1/install_flutter.html

    入门: 在macOS上搭建Flutter开发环境
    https://flutterchina.club/get-started/install/

    在这里插入图片描述

    在macOS上搭建Flutter开发环境

    目录
    一、安装Flutter SDK
    二、下载安装VS Code
    三、下载安装最新的Xcode
    四、下载安装Android Studio

    一、安装Flutter SDK

    1. 下载Flutter SDK
      https://flutter.dev/docs/get-started/install/macos#
      下载的flutter
      在这里插入图片描述
    2. 解压安装包到你想安装的目录 (我的是桌面上的Flutter_SDK文件夹)

    a:可以直接把解压好的flutter 文件夹直接copy 到Flutter_SDK中

    b:终端解压

    $:cd /Users/Desktop/Flutter_SDK
    $:unzip /Users/xxxx/Downloads/flutter.zip
    
    1. 配置环境变量
    2. 逐个执行
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export PATH="$PATH:`pwd`/flutter/bin"
    

    此代码只能暂时针对当前命令行窗口设置PATH环境变量,要想永久将Flutter添加到PATH中请参考下面 更新环境变量 部分。

    注意:命令验证目录是否在已经在PATH中:echo $PATH

    1. flutter precache (可选的操作,预下载一些依赖)
      在这里插入图片描述

    2. 检查Flutter环境

    flutter doctor
    

    在这里插入图片描述

    如果有[!] ✗ 标志,表示本次检测不通过,需要做一些设置或者安装一些软件。 根据提示执行命令即可! VSCode需要安装Fullter插件和Dart插件。

    根据 有[!] ✗ 标志 的一个一个去修复即可。
    Xcode环境:首先更新Mac OS 和 Xcode 为最新。
    Visual Studio Code (VS Code) 安装
    Android Studio 环境:下载安装

    二、下载安装VS Code

    VS Code 官网下载后安装
    https://code.visualstudio.com/docs/?dv=osx

    安装后,flutter doctor 提示 没有安装Flutter extension

    [!] VS Code (version 1.35.1)
        ✗ Flutter extension not installed; install from
          https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
    

    打开地址去给VS Code 安装Flutter extension
    https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

    在这里插入图片描述
    安装后Restart VS Code

    VS Code 安装Flutter插件步骤:
    1、启动 VS Code
    2、调用 View>Command Palette…
    3、输入 install, 然后选择 Extensions: Install Extension
    4、在搜索框输入 flutter, 在搜索结果列表中选择 Flutter, 然后点击 Install即可
    5、重新启动 VS Code

    三、下载安装最新的Xcode

    首先更新Mac OS 和 Xcode 为最新之后,终端依次执行下命令。

    brew update
    brew install --HEAD usbmuxd
    brew link usbmuxd
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
    

    然后在flutter doctor 发现Xcode 环境OK了。

    在这里插入图片描述

    四、下载安装Android Studio

    4.1  AndroidStudio下载地址:
    

    如果不能翻墙建议使用以下地址下载:http://www.android-studio.org
    官方地址:http://developer.android.com/intl/zh-cn/sdk/index.html

    4.2  安装:
    

    在这里插入图片描述
    上面弹框时,先选择cancle。然后一路默认,即可完成安装。

    4.3 安装Flutter和Dart插件
    
    需要安装两个插件:
    
    Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。
    Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。
    
    安装步骤:
    
    启动Android Studio。
    打开插件首选项 (macOS:Preferences>Plugins)。
    选择 Browse repositories…,选择 flutter 插件并点击 install。
    重启Android Studio后插件生效。
    

    flutter doctor 验证时Android licenses没有接受协议

    [!] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
        ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
    
    $:doctor --android-licenses 即可
    

    综述:

    1. 下载安装了Flutter
    2. 更新了MacOS 和 Xcode
    3. 下载安装 Android Studio 以及 Flutter、Dart插件
    4. 下载安装 VS Code 以及 Flutter插件

    flutter doctor 验证一下Flutter 相关依赖是否都通过了。
    在这里插入图片描述

    只有一个提示【!】CocoaPods out of date(1.5.0 is recommended)
    我的CocoaPods是1.2.0,由于开发原因暂时不能升级。

    升级执行

    To upgrade:
            brew upgrade cocoapods
            pod setup
    

    这样我们的Flutter 开发环境就全部搭建好了。

    补充:永久将Flutter添加到PATH中

    5.1 在终端输入命令,进入用户目录      
    

    $ cd ~

      5.2 输入命令,创建.bash_profile文件(如果有则不用创建)
    

    $ touch .bash_profile

     5.3 输入命令,打开刚才创建的文件
    

    $ open -e .bash_profile

     2.4 在文件中,加入1行指令(: 后面是flutter的SDK路径,根据自己flutter的路径更改)
    
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnexport PATH="$PATH:/Users/suning/Flutter_SDK/flutter/bin"
    
     2.5 保存.bash_profile文件,立即刷新当前窗口
    

    $ source $HOME/.bash_profile

    5.6 通过运行以下命令,验证flutter/bin目录现在在您的路径中:
    

    $ echo $PATH

    这样就可以在任何路径下执行 flutter 命令了。

    总结

    这里是第三篇Flutter的文章,主要是完成搭建Flutter的开发环境。为下一步正式使用开发工具建立工程demo做准备。

    展开全文
  • 使用Flutter开发的一个demo,对于纯flutter的开发,我更倾向于使用flutter与原生混合使用的方式(目前2018年07月09日来说这种方式对于老项目,硬件相关的项目友好)。
  • Flutter for Window 环境搭建请参考: ...Flutter for Mac 环境搭建: 参考 . [入门搭建环境](https://flutterchina.club/setup-macos/) 1、下载Flutter 官网下载: https://flutter.dev/d...
    Flutter for Window 环境搭建请参考: https://blog.csdn.net/mo911108/article/details/88596342
    Flutter for Mac 环境搭建:

    参考

    . [入门搭建环境](https://flutterchina.club/setup-macos/)
    
    1、下载Flutter

    官网下载: https://flutter.dev/docs/development/tools/sdk/archive?tab=macos#macos
    github下载:https://github.com/flutter/flutter/releases

    2、创建(或者修改).bash_profile
    • 在终端/Users/用户名/ 输入
    open -e .bash_profile   // 如果打开不成功则会主动创建
    
    • 添加一下内容到 .bash_profile 文件
    export PATH= /Users/用户名/flutter/bin:$PATH
    
    • 更新配置
    source .bash_profile
    
    3、运行flutter doctor 检查依赖安装
    flutter doctor
    
    4、解决错误
    • 注意先安装 Android Studio 打开https://developer.android.com/studio/index.html,并且下载安装了android studio。
      安装后最好运行一下android studio,好安装andriod sdk。运行好根据界面提示点下一步,如果没有sdk会提示安装,只要点就行了。记得查看下安装路径,一般路径都是在当前用户的Library文件夹里。
      安装好sdk后,可以把android studio关了。

    看到[x]都是需要解决的错误

    [!] Android toolchain - develop for Android devices (Android SDK 28.0.2)
        ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
    

    根据错误提示运行

    flutter doctor --android-licenses
    

    然后根据提示一直y,y到结束为止。

    *错误2

    [!] iOS toolchain - develop for iOS devices
        ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
          Download at: https://developer.apple.com/xcode/download/
          Or install Xcode via the App Store.
          Once installed, run:
            sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
        ✗ libimobiledevice and ideviceinstaller are not installed. To install, run:
            brew install --HEAD libimobiledevice
            brew install ideviceinstaller
        ✗ ios-deploy not installed. To install:
            brew install ios-deploy
        ✗ CocoaPods not installed.
            CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side.
            Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS.
            For more info, see https://flutter.io/platform-plugins
          To install:
            brew install cocoapods
            pod setup
    

    我去App Store安装了xcode,安装好后根据之前的错误信息运行:

    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    
    brew install --HEAD libimobiledevice
    // 然后
    brew install ideviceinstaller
    // 再然后
    brew install ios-deploy
    .........
    

    根据提示 一步步安装。

    • 错误3
    [!] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
        ✗ Missing Xcode dependency: Python module "six".
          Install via 'pip install six' or 'sudo easy_install six'.
    

    按照提示输入’pip install six’ 或 ‘sudo easy_install six’。然后再运行doctor,我这里ios没有报错了。就剩错误3里的报错。

    *错误4

    [✓] Android Studio (version 3.1)
        ✗ Flutter plugin not installed; this adds Flutter specific functionality.
        ✗ Dart plugin not installed; this adds Dart specific functionality.
    

    android studio里还少了两个插件。我们打开andriod studio。
    1)、preferences–>plugins–>搜索flutter
    2)、点击Search in reponsitories 搜索安装
    有弹框提示要安装dart,同意。等安装好后重启andriod studio。
    ps: 如果安装有其他应用 比如Intellij IDEA 怎需要安装 如上错误4 提示进行设置Intellij IDEA

    注意如果误删了Android SDK,则每次安装的Android Studio的时候 都会提示SDK已经安装,从而无法完成Android 的安装。

    我们需要完成一下步骤重新安装 SDK。在已经安装的Android Studio中右键,在bin 目录下idea.properties中添加 disable.android.first.run=true,再次运行Android Studio。则会提示安装SDK,根据提示进行安装。

    展开全文
  • Flutter 开发规范

    千次阅读 2020-01-31 19:43:06
    学习 Flutter 同样建议大家先了解掌握其开发规范,大致包括:项目结构规范、命名规范、缩进格式规范、注释规范、代码规范、其他规范。良好的开发规范不但能提升自己的编程水平及能力,有利于提升自己的开发效率,也...
  • flutter开发 由Google创建的Flutter Development是一个开源的移动应用程序开发SDK。 Flutter Development曾经用于为IOS和Android开发应用程序,同时还是为Google Fuchsia创建应用程序的主要方法。 Flutter使构建...
  • flutter开发: Mac 上搭建flutter开发环境

    千次阅读 2020-03-27 12:56:21
    在苹果Mac环境下配置,flutter开发环境遇到很多问题记录 第一步 首先在Mac终端查看有没有安装,Homebrew 如果在终端执行 brew, 显示如下 -bash: brew: command not found,即Mac没有带Homebrew 如果...
  • flutter开发之组件大全

    千人学习 2019-01-19 15:46:07
    flutter是谷歌的移动ui框架,可以快速在ios和android上构建高质量的用户界面。本课程会全面细致的讲解flutter各个组件的用法。
  • flutter开发之dart语言

    千人学习 2018-12-27 09:56:49
    flutter是谷歌的移动ui框架,可以快速在ios和android上构建高质量的用户界面。dart是flutter的官方语言,所以掌握dart语言是开发flutter应用的必备技能。
  • 下面继续了解Flutter的起源、Flutter和其他平台的对比、Flutter开发语言Dart。 1.Flutter的起源 https://book.flutterchina.club 2.Flutter简介 https://book.flutterchina.club/chapter1/mobile_deve...
  • Flutter开发中的一些Tips

    万次阅读 多人点赞 2019-06-12 21:17:51
    学习Flutter也有二个多月了,所以分享一下自己在实践中遇到的问题及心得。希望对你有所帮助! 1.防止溢出异常 异常大致如下: A RenderFlex overflowed by 22 pixels on the bottom. 导致的原因就是在水平或者...
  • 配置环境 1、安装编辑器 通过官网安装VSCode 2、安装Flutter插件 在VSCode中EXTENSIONS栏中安装Flutter插件 3、检查Flutter插件 通过Command Palette中输入命令检查...[flutter] flutter doctor xcrun: error: inv...
  • 内容来自:Flutter中文网 Flutter是谷歌的移动UI框架,可以快速在iOS和...快速开发 毫秒级的热重载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。 富有表现力和...
  • Flutter开发问题记录

    2019-03-28 17:24:02
    最近手欠对系统进行优化,删除了xcode一些认为无用的模拟器等,占用好几个G。删完后心情舒畅。认为xcode用不到,所以才进行优化的。没想到优化大了,androidstudio打开...然后打开androidstudio可以正常开发android...
  • 搭建基于Visual Studio Code(VsCode)的Flutter开发环境. 目标用户: Flutter初学者 操作步骤 一、下载并安装Visual Studio Code https://code.visualstudio.com/Download 预计耗时:3分钟(按照500k/秒下载速度估计) ...
  • 本文先介绍一下现有工程如何集成 Flutter 实现混合开发,以及混合项目如何打包,再探索下如何降低原生和 Flutter 之间的依赖,使 Flutter 开发对原生开发的影响尽量降低,以及一些我在尝试中遇到的问题及解决。...
  • flutter开发插件,flutter和dart基于windows版本androidstudio,其中flutter SDK下载链接:https://flutter.dev/docs/development/tools/sdk/archive?tab=windows
  • 如何使用Flutter开发web应用

    万次阅读 2019-06-21 22:48:53
    前言:Flutter系列的文章我应该会持续更新,从User Interface(UI)到数据相关(文件、数据库、网络)再到Flutter进阶(平台特定代码编写、测试、插件开发等),欢迎感兴趣的读者持续关注(可以扫描左边栏二维码或者...
  • 转载:网易新闻客户端Flutter混合开发实践 引言 网易新闻项目本身很庞大,业务繁多,全部改为Flutter实现肯定是不现实的,在使用Flutter的前期阶段,我们挑选了相对独立的几个模块,在现有工程的基础上对其进行...

空空如也

1 2 3 4 5 ... 20
收藏数 8,288
精华内容 3,315
关键字:

flutter开发