suyie007-CSDN博客

原创 flutter 给icon图标添加阴影

众所周知flutter material库提供的Icon部件没有提供阴影熟悉，而有时候需要给图标添加阴影，那怎么办呢？先看看icon怎么写的点击Icons.add可以看到然后根据引入字体的方法 , 在text的字符串里输入‘\u{E145}’,花括号里的值对应上图IconData里的值。然后看看最终效果...

2019-01-25 18:41:03 4254 3

原创您的应用存在隐藏最近任务列表名称的行为，不符合华为应用市场审核标准

因为我们app是用flutter做的，按理说只需要在MaterialApp中的title写好应用名就可以，我们找了很多个华为用户，同样机型也有不一样的表现，只有少数个别的用户会出现没有应用名的情况。知识点：android:excludeFromRecents="false" 这个属性如果设置为true 就会在任务队列中隐藏掉task，而我们需要显示出来就设置为false。最近各家应用市场，唯独华为审核被拒了。理由是您的应用存在隐藏最近任务列表名称的行为，不符合华为应用市场审核标准。

2023-09-11 11:15:27 1366 1

原创 flutter小说阅读页之爬坑记录-半角转全角字符

最近在做一个小说app，然而昨天在做阅读页时遇到了一个奇葩的坑。### 半角转全角既然是阅读页嘛，要等宽才好看嘛,那就安排！首先必须是全部字符转换为全角啦，于是就顺手写了下面这些代码。这不是so easy吗，哼哼~```dartString toDBC(String input) { var c = input.codeUnits; var s = ''; for (var i = 0; i < c.length; i++) { if (c[i] == 32) {

2022-06-08 13:24:27 595

原创 flutter中同时满足缩放与拖动、旋转手势

现在的百度真是越来越垃圾了，搜到的内容都是千篇一律，在本人开发中遇到了一个需求，就是一个控件需要能拖动，还需要旋转和缩放。于是按照面向搜索引擎编程的习惯打开了百度，其内容都是讲解GestureDetector的一些方法，点击是onTap ，拖动是onPanUpDate，缩放是onScaleUpdate方法。但是当onPanUpDate和onScaleUpdate一起使用的时候报错了，尼玛！看了提示发现onScaleUpdate 是onPanUpDate的超集。经过半天的仔细研究才发.

2020-11-17 22:04:30 2614 8

原创 flutter 提取图片的主色

日常开发中经常遇到根据图片的主色去改变 UI的主题色的情况，于是就找了一下可用的第三方库，于是在flutter团队的仓库里找到了这个，地址如下：https://github.com/flutter/packages/tree/master/packages/palette_generator...

2020-05-11 16:28:29 3169 1

原创蒙古文在web浏览器竖排显示

css定义样式，然后在p标签引用就好了，换行也正确。.mtext {//可以添加喜欢的字体，ios添加字体就断字，-webkit-writing-mode: vertical-lr;-moz-writing-mode: vertical-lr;-o-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mod...

2020-03-14 09:55:52 1110 1

原创 flutter 解决webview关闭页面后仍然播放声音的问题

在项目中使用了webview_flutter: ^0.3.11+2然而当关闭webview页面后声音还会继续播放，所以一番谷歌后找到的一个方法是修改插件的源码。1.在android studio里打开External Libraries>Flutter plugins>webview_flutter>android>src.main>java.i...

2019-08-11 14:35:51 2553 4

原创 flutter取消Future.delayed操作

在flutter中经常会用到延时任务，可能会用到Future.delayed，比如await Future.delayed(Duration(seconds: myDuration)).then((_){ checkAnswer(""); jumpToNextQuestion();});然而有时候在这个任务未执行前我们就关掉了页面，这时候就会报错。怎么办？答案是用...

2019-06-11 11:57:20 15217 1

原创 flutter 返回根路由

final PageRouteBuilder _homeRoute = new PageRouteBuilder( pageBuilder: (BuildContext context, _, __) { return HomeScreen(); }, );void _goHome() { Navigator.pushAndRemoveUntil(context, _h...

2019-06-10 15:44:13 1718

原创 flutter app安卓应用开机自启动

本人没学过原生安卓开发，从web开发接触到RN 后来遇到 flutter，感觉发现了新大陆一样，用flutter开发一时爽，一直用一直爽~由于项目需要做一个app，要求必须开机后自动启动app。app当然用flutter了，但是自启动呢？ so 从网上找了原生的一些开发经验，发现可以直接在flutter使用。下面进入正题。1.首先得有个flutter项目。（新建项目大家应该都会了，...

2019-05-27 11:20:25 5012 5

原创 flutter轻松获取widget控件的尺寸

可以通过context.size获取当前控件的尺寸和位置offset信息下面是示例，通过contex.size.height可以拿到child控件的高度class HeightReporter extends StatelessWidget { final Widget child; HeightReporter({this.child}); @override Wid...

2018-11-15 16:37:43 25882 1

原创 flutter踩坑之Android license status unknown.

当运行flutter doctor后遇到这样的报错Android license status unknown.Android license status unknown. 解决方案：升级 Android Studio 在SDK Manager 里随便添加一些SDK sudo chown -R $USER:$USER /opt/* flutter doctor --an...

2018-11-12 18:30:12 8404

原创 flutter网络请求json

import 'dart:async';import 'dart:convert';import 'package:http/http.dart' as http;import 'package:flutter/material.dart';//使用网络请求jsonclass HomePage extends StatefulWidget { @override _HomePage...

2018-06-17 09:17:39 2345 1

原创 flutter 读取json

效果图项目目录里新建一个load_json目录，里面再新建一个person.json文件。[ { "name" : "Suye", "age" : "27", "height" : "170", "gender" : "male", "hair_color" : "black&

2018-06-15 21:33:24 8154 1

原创 flutter 更改CircleProgressIndicator的颜色

在flutter中 CircleProgressIndicator 默认颜色为主题设定的颜色。CircleProgressIndicator的参数有3种：value，0~1的浮点数，用来表示进度多少。valueColor，是animation类型的参数，用来设定进度值的颜色。backgroundColor，背景颜色，不太好用。更改进度条的颜色我们用 valueColor，直接晒代码：Circ...

2018-06-12 10:42:28 6496

原创 flutter禁用滚动事件

经常因为需要在listView中嵌套 gridView 来创建二维布局的元素，如图，但是gridView自带滚动属性，使得页面无法随着listview滚动，所以我们需要禁用 gridView的滚动属性。所有滚动组件都有一个叫physics的属性。只要我们增加如下代码：physics: new NeverScrollableScrollPhysics(),完整代码：new GridView.c...

2018-05-25 21:17:26 13550 1

原创 flutter开发中常用的dart插件

本文罗列了一些在用flutter进行移动开发时经常会用到的插件。flutter插件官网地址：https://pub.dartlang.org/packages/1. image_picker一个可以从图库选择图片，并可以用相机拍摄新照片的flutter插件2. flutter_image使用NetworkImageWithRetry 代替Image.network 加载网络图片可获得重试能力。3....

2018-05-25 15:52:06 15045 1

原创 flutter实现（OutlineButton）线框按钮

在flutter的控件里常用按钮有：FlatButton,RaisedButton，FloatingActionButton,OutlineButton。FlatButton是扁平的，没有阴影的。RaisedButton是有阴影，看起来凸起来的，很有点击欲望的那种，如图1FloatingActionButton是在侧面浮起来的那种按钮。这一章重点介绍 OutlineButton ，中文叫线框按钮...

2018-05-21 17:18:01 23484 6

原创 flutter圆角效果的实现

new Material( borderRadius: BorderRadius.circular(20.0), shadowColor: Colors.blue.shade200, elevation: 5.0, child: new MaterialButton( onPressed: (){}, minWidth: 160.0, color: Colo...

2018-04-26 16:09:24 17787 3

原创 JS处理字符串为首字母大写

const days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];for(let day of days){ day = day.replace(/\b\w+\b/g, function(word){return word.substring(

2017-11-10 11:44:11 2976

原创使用react-native-smart-splash-screen实现启动画面

使用了cyqresig大神的组件组件下载地址https://github.com/react-native-component/react-native-smart-splash-screen按照github中的流程来做会出错，安卓需要在MainActivity.java中添加引入import android.os.Bundle;否则会出现下面这段代码出

2017-06-29 11:42:13 667

转载 react native 打包出错之 Gradle打包出现的问题

Gradle打包出现的问题昨天晚上，在学习react native打包apk时 Gradle打包的时候，出现一个bug，我将近用了三个多小时才找到问题出现的原因。首先，给出打包出现的问题现象：用Gradle命令行方式打包的时候，一直报错：Keystore file /Users/zhoujian/AndroidStudioProjects/BuglyDemo/

2017-05-07 01:16:45 718

原创 react native使用Platform给安卓或者ios单独设置样式

12345678910111213const styles = StyleSheet.create({ container:{ flex:1, ...Platform.select({ ios: {

2017-05-06 08:27:09 1183

原创 RN常见错误之Element type is invalid

Element type is invalid，一般这种错误为写错关键词大小写了，主要查看拼写

2017-04-27 11:05:04 2732

原创 TouchableHighlight之坑没有onPress方法不起作用

TouchableHighlight 没有onPress方法不起作用TouchableHighlight 用于产生高亮效果，当按下被该标签包裹的元素时，该元素透明度会变低，从而露出下面的元素的颜色，看下官方的例子：renderButton: function() { return ( TouchableHighlightonPress={this._onPressButto

2017-04-27 10:42:01 4278

转载 ReactNative iOS运行再次出错：No bundle URL present

React Native iOS去运行，结果又遇到：No bundle URL presentMake sure you’re running a packager server or have included a .jsbundle file in your application bundle注意到，此处：（1）有之前就有的 packager

2017-04-25 23:14:12 21855 1

转载如何在CentOS 7服务器上安装NodeJS

你可以通过运行以下命令。1sudo yum install epel-release现在可以使用yum命令安装Node.js了。1sudo yum install nodejs因为在开发过程中我需要管理节点包，我还要安装新公共管理的软件包管理器，使用以下命

2017-04-11 14:55:08 621

suyie007的博客