视频地址: https://www.bilibili.com/video/av35800108/?p=25 文章地址: https://jspang.com/post/flutter4.html#toc-5ae 其他公众号上的打包: [Flutter 专题]39 图解 Android 打包 APK 文件 app的图标. 各种不同型号的图片的文件 安卓的主配置文件 这里就是app打包出来的名称 这里就是app的图标修改的地方 生成key 把下面的路径复制出来: C:\Program Files\A

博客地址: https://jspang.com/post/flutter3.html#toc-d7a 把我们上节的 Container的部分代码去掉. 使用:Positioned 有点像css里面的绝对定位. 三个元素以上才使用positioned 这个可以调整left和top的位置.比较灵活 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends Stateless

技术胖Flutter第三季-18布局CardWidget 卡片布局组件 博客地址: https://jspang.com/post/flutter3.html#toc-420 最外面是Card布局,里面放column布局 在column布局里面用ListTiel 布局 下面再复制这两个ListTiel元素 在每行下面加一个分割线 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp

技术胖Flutter第四季-19导航父子页面的跳转返回 博客地址: https://jspang.com/post/flutter4.html#toc-010 onPressed是当前按下的时候,按下动作的响应事件 Navigator是导航组件 自己写的代码没有问题.就是需要重启虚拟机 ,重新flutter run 执行以下 import 'package:flutter/material.dart'; void main(){ runApp(MaterialApp( title:'导航演示01

技术胖Flutter第四季-20导航的参数传递和接受-1 视频地址:https://www.bilibili.com/video/av35800108/?p=21 先安装一个新的插件: Awesome Flutter Snippets 先把商品的类抽象出出来一个类,两个属性 一个是title标题 一个是description描述 定义ProductList组件 安装插件后的快捷键: stless的快捷键,直接生成类的主体结构. 然后写入口文件void main.里面用了 MaterialApp,

技术胖Flutter第四季-23静态资源和项目图片的处理 视频地址:https://www.bilibili.com/video/av35800108/?p=24 项目中引用图片静态资源文件 这里就是配置项目中的静态资源文件的 新建images文件夹.然后在里面复制过去一个图片. 加载不了图片.直接复制技术胖的代码也加载不了 import 'package:flutter/material.dart'; void main()=>runApp(MyApp()); class MyApp exte

本文学习资料:https://www.jspang.com/detailed?id=39 Nginx官网:https://www.nginx.com/ Nginx:轻量级HTTP服务器: 采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡. 文中使用的是Centos7 yum -y install gcc gcc-c++ autoconf pcre-devel make automake yum -y install wget httpd-tool

前言 截至目前,字节跳动有很多业务落地了 Flutter 技术方案,包括今日头条.西瓜视频.皮皮虾等 20 多个业务在使用 Flutter 开发,有纯 Flutter 工程,也有 Flutter 与 Native 的混合工程. 字节跳动选择 Flutter 的初心 与其说Flutter是大前端技术,不如说是大移动端技术.Flutter 发展的 Roadmap 也是先全面支持 Android/iOS 端能力,再进一步完善 Web 端能力支持的. 字节跳动对于客户端技术还是非常重视的,字节跳动有很多

flutter总的地址: https://jspang.com/page/freeVideo.html 视频地址: https://www.bilibili.com/video/av35800108/?p=15 博客的地址: https://jspang.com/post/flutter3.html#toc-7f3 创建项目的时候有个坑,解决的方法 https://www.jianshu.com/p/147f0e20c312 使用flutter create demo03创建一个新的flutte

21导航的参数传递和接受-2 视频地址 https://www.bilibili.com/video/av35800108/?p=22 博客地址:https://jspang.com/post/flutter4.html#toc-3d6 在onTap里面写事件: 跳转到ProductDetail页面把整个products当前的对象都传过去了. 新建ProductDetail类 使用stlss快捷键生成 再写上类名:ProductDetail 就可以了 定义product变量.在构造函数内接收 纠

视频地址: https://www.bilibili.com/video/av35800108/?p=23 博客地址: https://jspang.com/post/flutter4.html#toc-3f5 主要学习子页面返回数据给父页面 下划线很一般定义内部的方法 snackBar去接收 XiaoJieJie类的创建 XiaoJieJie这个类就相当于我们的子页面 快捷键stless快速生成类: 快速生成可以谁用安卓studio里面的 Live Template: navigator.po

博客地址: https://jspang.com/post/flutter3.html#toc-8eb 垂直布局 左对齐: crossAxisAlignment: CrossAxisAlignment.start, end是右对齐.默认是center居中对齐 想让屏幕正中间对齐.就需要了解主轴和父轴的概念. 设置父轴 正中间:把Column套在Center组件里面 中间的Text套在Expaned里面

16Stack层叠布局 在上面声明一个变量Stack里面包含两个元素,第一个 是CircleAvater第二个子对象是Container 效果 把文字房子啊中下的位置: 我们需要对齐属性 包含了x轴和y轴.最小是0  最大是1 层叠最少要有两个属性

应用类型 原生应用 原生应用就是使用特定的语言开发的应用,例如 Android 原生应用.Windows 原生应用.iOS 原生应用等.开发 Android 原生应用时,其特定的编程语言为 Java 或 Kotlin,开发者可以直接调用系统提供的 API,比如,调用照相机.调用蓝牙.调用GPS等. Web应用 Web 应用就是使用 HTML.JavaScript.CSS 开发的应用.Web 应用只能运行在 Web 浏览器中.受限于浏览器沙箱,这种应用不可以调用照相机.GPS.蓝牙以及访问系统文件

首页热卖商品组件 技术点:1热卖商品封装成单独的组件  2路由和参数的传递  3详情页面路由参数的接收 //首页 <template> <div> <div class="search-bar"> <van-row> <van-col span="3"> <img :src="locationIcon" width="80%" class="locat

第一节:ES6的开发环境搭建 坑1:全局安装babel-cli已经不被官方推荐,改为局部安装(cnpm install babel-cli --save-dev): 坑2:babel src/index.js -o dist/index.js命令失效,可以直接跳过这一步. 想法 相对于来说,这是一个挺好的入门的教程,既没有阮老师写的那么晦涩难懂,也没有各种视频一来就写上一堆代码,毫无侧重点,让人学的简直吐血. 总结 在学习技术的时候,必须要快速入门(尽量三天内).刚开始的时,尽量别看视频,看高赞

关键词:Google 出品:Dart语言:Flutter Engine引擎:响应式设计模式:原生渲染:免费并且开源 一.简介 Flutter 是谷歌2018年发布的跨平台移动UI框架.作为谷歌的开源移动UI框架,Flutter可以快速在iOS和Android上构建高质量的原生用户界面,2019年,Google I/O 大会宣布了 flutter 支持 web 开发.flutter 目前的目的就是全平台开发,一套代码同时运行在 iOS .Android.web和桌面端.Flutter 作为 Goo

在 2019 年,Flutter 推出了多个正式版本,支持的终端越来越多,使用的项目也越来越多.Flutter 正在经历从小范围尝鲜到大面积应用的过程,越来越多的研发团队加入到 Flutter 的学习热潮中,京东作为互联网大厂之一也积极参与了 Flutter 的跨端方案研究.本文将介绍京东在 Flutter 上的应用方案和相关优化成果. 为什么考虑Flutter技术方案 其实京东很早就开始研究并实践跨端的开发解决方案,最早使用的是Hybrid App的技术方案,从2015年低开始逐步转向RN技术

老孟导读:大家好,这是[Flutter实战]系列文章的第一篇,这并不是一篇Flutter技术文章,而是介绍智能手机操作系统.跨平台技术的演进以及我对各种跨平台技术看法的文章. 智能手机操作系统 塞班(Symbian)系统 后浪们可能都没有听说过塞班系统,而很多前浪们也会诧异,塞班是智能手机操作系统吗?让我们先来看下智能手机的定义: 智能手机,是指像个人电脑一样,具有独立的操作系统,独立的运行空间,可以由用户自行安装软件.游戏.导航等第三方服务商提供的程序,并可以通过移动通讯网络来实现无线网络接入

导语 | Flutter 框架是当下非常热门的跨端解决方案,能够帮助开发者通过一套代码库高效构建多平台精美应用,支持移动.Web.桌面等多端开发.但仍然有很多产品.设计.甚至开发同学并不了解 Flutter,所以本文将深入浅出和大家聊聊 Flutter 的设计背景.技术特点,以及与其他同类技术之间的对比,希望与大家一同交流. 一.跨平台背景 1. 移动互联网的重要性 如上图所示,与2019年1月相比,全球使用互联网的人数已增加到45.4亿,增长了7%(2.98亿新用户). 到2020年1月,全球