非你网

style: ButtonStyle(
    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
    minimumSize: MaterialStateProperty.all(Size(0, 0)),
    padding: MaterialStateProperty.all(EdgeInsets.zero),
)

设置形状

style: ButtonStyle(
    shape: MaterialStateProperty.all(RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(10)))
)

去掉阴影

style: ButtonStyle(
    shadowColor: MaterialStateProperty.all(Colors.transparent),
)

去掉水波纹(去掉水波纹后，hove 等效果也没了)

style: ButtonStyle(
    splashFactory: NoSplash.splashFactory
)

设置按钮内文字的样式

style: ButtonStyle(
    textStyle: MaterialStateProperty.all(TextStyle(fontSize: 16.0, color: Colors.white)),
)

整体啰嗦一遍：

const ButtonStyle({
  this.textStyle, //字体
  this.backgroundColor, //背景色
  this.foregroundColor, //前景色
  this.overlayColor, // 高亮色，按钮处于focused, hovered, or pressed时的颜色
  this.shadowColor, // 阴影颜色
  this.elevation, // 阴影值
  this.padding, // padding
  this.minimumSize, //最小尺寸
  this.side, //边框
  this.shape, //形状
  this.mouseCursor, //鼠标指针的光标进入或悬停在此按钮的[InkWell]上时。
  this.visualDensity, // 按钮布局的紧凑程度
  this.tapTargetSize, // 响应触摸的区域
  this.animationDuration, //[shape]和[elevation]的动画更改的持续时间。
  this.enableFeedback, // 检测到的手势是否应提供声音和/或触觉反馈。例如，在Android上，点击会产生咔哒声，启用反馈后，长按会产生短暂的振动。通常，组件默认值为true。
});

常规的配置就这样了：

   style: ButtonStyle(
    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
    minimumSize: MaterialStateProperty.all(Size(0, 0)),
    padding: MaterialStateProperty.all(EdgeInsets.zero),
    shadowColor: MaterialStateProperty.all(Colors.transparent),
    backgroundColor: MaterialStateProperty.all(Color(0xFFECB34D)),
    textStyle: MaterialStateProperty.all(TextStyle(fontSize: 16.0, color: Colors.white)),
    // elevation: MaterialStateProperty.all(0),
    // splashFactory: NoSplash.splashFactory
  )

但是，通常，我们并不单独配，我们要配到主题里。这样，在逻辑的其他地方，只需要简单的使用 button 就可以了。先配置在主题里。

ThemeData lightTheme = ThemeData.light().copyWith(
    elevatedButtonTheme: ElevatedButtonThemeData(
          style: ButtonStyle(
        tapTargetSize: MaterialTapTargetSize.shrinkWrap,
        minimumSize: MaterialStateProperty.all(Size(0, 0)),
        padding: MaterialStateProperty.all(EdgeInsets.zero),
        shadowColor: MaterialStateProperty.all(Colors.transparent),
        backgroundColor: MaterialStateProperty.all(Color(0xFFECB34D)),
        textStyle: MaterialStateProperty.all(TextStyle(fontSize: 16.0, color: Colors.white)),
        // elevation: MaterialStateProperty.all(0),
        // splashFactory: NoSplash.splashFactory
      ))
);

使用的时候：

SizedBox(
    width: 120,
    height: 40,
    child: ElevatedButton(
        onPressed: () {
        },
        child: Text(
        "我是按钮",
        ),
    ))

如果想覆盖或增加主题的设置：
比如，这里加了一个 borderradius 。

SizedBox(
    width: 120,
    height: 40,
    child: ElevatedButton(
    style: ButtonStyle()
                                .copyWith(shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(40)))),
        onPressed: () {
        },
        child: Text(
        "我是按钮",
        ),
    ))

最后加一条。想让按钮自适应父容器。可以这个弄。

Container(
    width: 750,
    child: SizedBox(
        width: double.infinity,
        height: 92,
        child: ElevatedButton()
    )
)

SizedBox 能具体定义按钮的宽高，而 double.infinity 又不能突破 Container 的宽高。通常 Container 不是具体的宽高才会用到这种自适应的方式。

阅读全文 >>

4月 19

Flutter 权限等配置文件处理

发表于 2021年4月19日 • 31 views • 没有评论!

flutter

照片访问等

ios:

<key>NSCameraUsageDescription</key>
<string>Example usage description</string>
<key>NSMicrophoneUsageDescription</key>
<string>Example usage description</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>Example usage description</string>

android:

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />

阅读全文 >>

4月 17

flutter getx 的 dialog 以及 SnackBar

发表于 2021年4月17日 • 41 views • 没有评论!

flutter

SnackBars

用Flutter创建一个简单的SnackBar，你必须获得Scaffold的context，或者你必须使用一个GlobalKey附加到你的Scaffold上。

final snackBar = SnackBar(
  content: Text('Hi!'),
  action: SnackBarAction(
    label: 'I am a old and ugly snackbar :(',
    onPressed: (){}
  ),
);
// 在小组件树中找到脚手架并使用它显示一个SnackBars。
Scaffold.of(context).showSnackBar(snackBar);

阅读全文 >>

4月 08

MAC 写入文件到 ntfs 格式的磁盘

发表于 2021年4月8日 • 40 views • 没有评论!

4月 08

发表于 2021年4月8日 • 41 views • 没有评论!

工具

https://www.win10com.com/softxiazai/4365.html

阅读全文 >>

4月 07

u 盘启动安装 win10

发表于 2021年4月7日 • 42 views • 没有评论!

工具

想要一个纯净的 windows 系统，千万不要使用动不动就几十上百兆的 u 盘启动工具。那个会在你系统安装过程中，植入其他的广告 app，甚是不喜。那么，怎么安装纯净版的呢。

操作一波

一个大于等于 8 G 的 u 盘。
去 https://msdn.itellyou.cn/ 这里，下载 win10 的最新镜像。
下载 http://rufus.ie/zh/ 制作工具。该工具仅有 1 M 大小。

安装过程，请参考 https://www.zhihu.com/question/25400852/answer/187373836

https://zhuanlan.zhihu.com/p/139503589

到此，准备工作就已经好了。也就是说只要准备官方的 iso 镜像和 rufus 工具还有一个大于等于 8G 的 U盘就可以。

不过，还有一个问题。 rufus 支持的分区类型有限。传统的分区 MBR 或 GPT 也够了。通常是 MBR。如果你安装过程中，发现你制作启动盘的时候选择的分区不对，就有下边几种方法可做。

– 如果分区不对，而你电脑有固态硬盘和机械硬盘，这个时候，你可以直接现场转换机械硬盘的分区方式，然后继续安装。
– 如果分区不对，而你的电脑只有一个机械硬盘或固态硬盘时。就要考虑你硬盘里的东西你是否还需要。如果不需要，也可以进行现场转换分区方式，然后继续安装。
– 如果分区不对。你可以回到过去，重新制作想对应的分区方式的启动盘。

注意在制作启动盘时，格式化选项 下的文件系统选 NTFS 比较好。

如果想转换分区方式，可以使用下边命令，请先了解慎重使用。

# shift + f10 弹出终端

# 进入磁盘操作工具
diskpart 

# 列出磁盘
list disk 

# 选中磁盘，一定要选对哈，列出的磁盘都会有磁盘编号，大小等信息。 
select disk 0

# 清除
clean

# 转换（根据需要转换成其中一种）
convert gpt
convert mbr

list partition

exit

最后再啰嗦一下。一般安装，都会先把之前的 C 盘格式化掉的。就是说在安装的时候，有个步骤让你选择安装类型，一定要选择自定义。然后下一步，一定要格式化你之前的 C 盘。通过总大小和可用空间就可以看出情况的。

其他方式

https://zhuanlan.zhihu.com/p/272495102

https://zhuanlan.zhihu.com/p/263535486

操作一波

# 看看 config 相关的设置
flutter config --help

# 开启操作
flutter config --enable-web

flutter config --enable-macos-desktop

flutter config --enable-windows-desktop

# 关闭操作
flutter config --no-enable-web

flutter config --no-enable-macos-desktop

flutter config --no-enable-windows-desktop

当然，如果之前已经创建了项目。可以进入项目目录中，使用 flutter create . 补充起来。

阅读全文 >>

3月 29

ios UniversalLink 配置

发表于 2021年3月29日 • 85 views • 没有评论!

flutter

什么是UniversalLink

UniversalLink 与 URL Schemes 一样，都是跳转 APP 的一种方式。
简单来说就是一个 URL，当用户在浏览器中访问此 URL 时，苹果会检测对应的 APP 是否已安装。已安装则跳转到 APP。未安装则访问此 URL 实际内容。

步骤

1、让后台人员准备一个https的链接，一定要https的(微信硬性要求)

2、制作 apple-app-site-association 文件，并放置在准备好的链接根目录下

3、App Store应用管理和Xcode开启Associated Domains，并填写对应Domains

4、用GET请求测试该链接下的文件内容，并在safari浏览器中测试

5、微信开放平台和SDK注册方法填写相同UniversalLink

6、填写微信新的LSApplicationQueriesSchemes

7、回调测试

具体操作
（1）服务端文件 apple-app-site-association 。json格式，而不需要任何后缀。

{
    "applinks": {
        "apps": [],
        "details": [
            {
                "appID": "VQXXXXXD49G.XXX.XXXX.XXXX",
                "paths": [ "/app/*"]
            }
        ]
    }
}

appID 有两部分组成，在苹果开发者平台的 “Certificates, Identifiers & Profiles” -> “All Identifiers” 选中对应的 id,进去就可以看见配置信息了。就是 App ID Prefix 和 Bundle ID 组成。

paths末尾必须是 * ，最好带一个前缀。免得域名被命中。结尾必须是 * 也是微信相关要求的。

上边这个文件传到服务根目录或根目录下的 .well-known 下。

（2）在苹果开发者账号上一步查看 App ID Prefix 和 Bundle ID 的地方，将 Associated Domains 前边打钩保存。
（3）如果涉及到微信登录，需要在开放平台中设置 Bundle ID 和 Universal Links。Bundle ID 和苹果账号中的Bundle ID 一致。Universal Links 可以定义为上一步中使用的服务域名 + paths 组成。比如: https://xxx/app/

(4) 上边的完成后，需要在 xcode 中配置一些信息。先在 ios/Runner/Info.plist 中加入以下配置：

<key>LSApplicationQueriesSchemes</key> <array> <string>weixin</string> <string>weixinULAPI</string> </array> <key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads</key> <true/> </dict>

(5) 在 xcode 中配置 applinks。依次选择 Runner(Targets)->Signning & Capabilities->All 。在 All 的左边点击 Capability,选中并添加 Associated Domains。然后点击 + 号配置 Domains。比如： applinks:www.xxx.com (applinks 这个是固定不变的 www.xxx.com 是你的服务的地址。只需要域名即可。并且该域名无中间跳转)

（6) 在 xcode 中配置 appid。依次选择 Runner(Targets)->Info->URL Types。点击＋号，添加一个。在 URL Schemes 出填写微信开发平台中申请 app 接入的 appid，Role 为默认的 Editor 即可。其他不用填。

到此，基本的配置也算完成了。然后就是测试一下。他们喜欢添加一个记事本，写个Universal Links 链接，然后点击跳转到 safari 试试效果。我这样开始是失败的。反正上边的步骤来了好几次。后来，我直接打包成 app，在APP里调用微信登录。能呼起app 也有效果。也能返回。然后再点击记事本里的链接。直接跳转到 app，而不是进入 safari。证明之前的配置是有效果的。

参考

https://juejin.cn/post/6844904051042156551

阅读全文 >>

3月 26

微信授权登录

发表于 2021年3月26日 • 48 views • 没有评论!

微信公众平台

各种微信上授权登录

https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_Login/Development_Guide.html

阅读全文 >>

3月 23

PHP Fatal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar 问题处理

发表于 2021年3月23日 • 93 views • 没有评论!

php

composer 安装包的时候，可能出现 memory 不足问题处理。

error

PHP Fatal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/Solver.php on line 223

解决步骤

使用 composer -h 找到 composer 的位置.
开始安装

php -d memory_limit=-1 /usr/local/bin/composer require laravel/sanctum

阅读全文 >>

Write the Code. Change the World.

请看

想要的东东

照片访问等

SnackBars

操作一波

其他方式

相关信息

操作一波

步骤

相关

参考

各种微信上授权登录

解决步骤

一	二	三	四	五	六	日
« 4月
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31