学习Flutter
对跨平台Flutter的基础学习
generallizhong
自信人生二百年,会当水击三千里。
展开
-
flutter 调用HTML(独立HTML文件与JS文件)
一个非常简单的功能,比较小众化,在flutter中调用HTML,html与JS都为互相独立文件,flutter调用html,在html中调用JS文件中方法,然后在HTML文件中调用JS文件中方法更新UI。做此记录。在文章末尾附上DEMO效果图:index.html文件:<!DOCTYPE HTML><html><head> <title>webview_flutter_plus</title>..原创 2021-10-21 12:39:30 · 1387 阅读 · 0 评论 -
Flutter基础之水平方向列表布局
在Flutter中,用ListView来显示列表项,其支持垂直和水平方向展示,通过过一个属性我们就可以控制其方向,列表有以下分类:ListView组件属性及描述 属性名 类型 默认值 说明 ScrollDirection Axis Axis.vertical 列表的排列方向,Axis.vertical为垂直方向,Axis.horizontal为水...原创 2019-08-01 10:33:09 · 1431 阅读 · 0 评论 -
Flutter基础之图标按钮组件
图标按钮组件(IconButton)是基于Material Design风格的组件,他可以响应按下事件,并且按下时会带一个水波纹的效果,如果它的onPressed回调函数为null,那么这个按钮处于禁用的状态,并且不可以按下。IconButton组件属性及详细描述 属性名 类型 默认值 说明 alignment AlignmentGeometry Align...原创 2019-07-31 15:46:57 · 1439 阅读 · 0 评论 -
Flutter 基础之文本组件
文本组件(text)负责显示文本和定义显示样式,下表为text常见属性Text组件属性及说明 属性名 类型 默认值 说明 data String 要显示的文本 maxLines int 0 文本要显示的最大行数 style TextStyle null 文本样式,可定义文本的字体大小、颜色、粗细等 t...原创 2019-07-30 09:10:45 · 364 阅读 · 0 评论 -
flutter 基础之屏幕适配
随着苹果,Google等大厂不断研发新的设备机型,Android和iOS的设备种类越来越繁多了,有普通的屏幕16:9的,也有最近几年出来的全面屏,水滴屏,刘海屏等,Android的全面屏基本上是18:9的比例,iPhone X的尺寸是19.5:9。按照这个结论,大致上是有三种尺寸的图的。所以得让设计师一个广告图,切三个尺寸。根据现有的屏幕比例,分成了大致的三类:基础版 1080*1920(通用...翻译 2019-07-24 10:57:49 · 5649 阅读 · 0 评论 -
Flutter基础控件之Container
简单介绍:Container是一种常用的控件,由负责布局、绘画、定位和大小调整的几个控件组成,具体来说,Container是由LimitedBox、ConstrainedBox、 Align、Padding、DecoratedBox和Transform控件组成,而不是将Container子类化来产生自定义效果,您可以用这种新颖的方式组合这些以及其他简单的控件。先看一下一张效果图:二,C...翻译 2019-07-22 15:33:37 · 1411 阅读 · 0 评论 -
Flutter基础之部分控件学习
主要看几个常用的使用控件:main.dart代码,下面常用 Widget 示例的代码。import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildCont...原创 2019-07-18 17:38:55 · 645 阅读 · 0 评论 -
Flutter 基础之接口实现初步学习
1、Flutter main 入口Flutter 项目的入口是 main 函数,项目运行的开始Flutter 在 android 项目里会把 Flutter 的 main 入口编译成 MainActivity而这个 MainActivity 则继承自 FlutterActivity示例:class MainActivity(): FlutterActivity() ...原创 2019-07-17 11:12:28 · 3730 阅读 · 0 评论 -
Flutter基础之基本数据类型
一、flutter中Dart语言基本数据类型Dart语言常用的基本数据类型包括:Number数字、String字符串、Boolean布尔、List数组、Map集合、symbol符号;1、Number类型包括int整型和double浮点型;int整型:取值范围为-2^53到2^53,int类型不能包含小数点;double浮点型:64位(双精度)浮点数;int和double都是nu...原创 2019-07-17 10:01:28 · 9044 阅读 · 0 评论 -
Flutter基础之运算符
一、Dart运算符表运算符名 运算符 号 一元后缀 expr++ expr-- () [] . ?....原创 2019-07-15 15:10:42 · 8961 阅读 · 0 评论 -
Flutter生命周期
初学flutter,随笔记录一、在android 中Activty中有自己的生命周期,七大生命周期1.onCreate() // 在Activity生命周期开始时被调用2.onRestart() //当activity从停止状态重新启动时调用3.onStart() //当activity对用户即将可见的时候调用。4.onResume() //当activity将要与用户交互时...原创 2019-07-10 15:09:53 · 2062 阅读 · 0 评论 -
Flutter之Dart入门 基础
变量下面是声明变量并赋值的方法:var name = 'Bob';变量实际上是一个引用,上面名字为 name 的变量引用了 一个内容为 “Bob”的 String 对象。默认值没有初始化的变量会自动获取一个默认值 null。类型为数字的变量如果没有初始化其值也是 null,因为数字类型也是对象。int lineCount;assert(lineCount ...翻译 2019-07-09 14:31:12 · 1953 阅读 · 0 评论 -
第一个Flutter项目与运行
要创建一个Flutter 项目有以下两种方式:从命令行使用fluttercreate命令。确保Flutter SDK配置了环境变量。 使用安装了Flutter和Dart插件的IDE。 创建后的项目效果:目录:- android // Android 相关原生代码目录- ios // ios 相关原生代码目录- lib // Dart 代码目录,flutter相关代码...原创 2019-07-08 16:25:37 · 6697 阅读 · 0 评论 -
Flutter开发前的基本简介
Flutter是google推出的,一个使用Dart语言开发的跨平台移动UI框架,通过自建绘制引擎,能高性能、高保真地进行Android和IOS开发。Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。为什么采...转载 2019-07-08 15:31:29 · 408 阅读 · 0 评论 -
Future之返回拦截WillPopScope点击两次返回
在用户操作时,防止用户误触返回按钮导致程序退出,设置为在1秒内连续点击两次才会退出应用程序。1、Android中一般的处理方式是在onKeyDown方法内做计时处理,当keyCode == KeyEvent.KEYCODE_BACK 且 两次点击返回按钮间隔时间小于1秒则退出应用程序,在Flutter中可以通过WillPopScope来实现拦截返回按钮,并且在其内部做计时处理。WillPo...原创 2019-09-11 08:48:32 · 444 阅读 · 0 评论 -
Flutter基础重要函数之Dart
在我们的跨平台flutter中Dart是一个面向对象的语言,所以函数也是对象,函数属于Function对象,函数可以像参数一样传递给其他函数,这样便于做回调处理;一、指定返回值的函数//判断两个字符串是否相等bool isEqual(String name1,String name2){ return name1 == name2;}print(isEqual('熊大','...原创 2019-07-16 10:07:03 · 1566 阅读 · 0 评论 -
Android之shape属性设置
1、shape属性shape属性示例:<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape=["rectangle" | "oval" | "line" | "ring"]...原创 2019-07-25 11:12:14 · 5519 阅读 · 0 评论 -
Flutter学习--多个子元素的布局Widget(Rwo、Column、Stack、IndexedStack、Table、Wrap)
一、Row组件常见属性如下:mainAxisAlignment:主轴的排列方式crossAxisAlignment:次轴的排列方式mainAxisSize:主轴应该占据多少空间,取值max为最大,min为最小children:组件子元素,它的本质是一个List列表对于Row来说,水平方向是主轴,垂直方向是次轴。首先来看一下mainAxisAlignment属性值都有哪些...转载 2019-09-10 14:41:37 · 626 阅读 · 0 评论