Write the Code. Change the World.

2月 26

任何一款 app 都必须有名字,icon 以及启动页。本来这些是在交付前完成就好,因为有默认的,现在第一步来弄这个。也就是从零创建一个 flutter 程序后,就开始配置这些。

工具

在 app store 中找搜 app icon, 找到 图标构建-更快打导出图标组。该工具好用好免费。

打开 app 后,拖动你之前已经做好的 png 图片到 app 中。选择要生成的平台。这里选择 ios 和 androis,然后稍微设置下,点击导出。就帮你全自动生好了。

文件结构如下:

阅读全文 >>

2月 26

在 ios 14+,flutter debug app 只能从工具里启动运行。一旦脱离。点击 app 就会闪退。这个时候,打 release 包就很有必要了。虽然这个包有效期是 7 天,也是好的。当然,有开发者证书更好。

原话

In iOS 14+, debug mode Flutter apps can only be launched from Flutter tooling, IDEs with Flutter plugins
or from Xcode.

Alternatively, build in profile or release modes to enable launching from the home screen.

解决方法

flutter run --release

或
flutter build ios

flutter install

阅读全文 >>

2月 25

明明我就安装了 flutter 和 dart 插件,可偏偏检查说没有。咋回事呢。这个是 android studio 4.1 改变了 plugin folder 的路径。下边解决吧。

解决一波

flutter doctor 结果:

❯ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 1.22.5, on macOS 11.2.1 20D74 darwin-x64, locale
    zh-Hans-CN)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 12.4)
[!] Android Studio (version 4.1)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

mac

# 加个软链(你可以 cd 进去看看的)
ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

win

win 直接升级 flutter 版本就可以了。

阅读全文 >>

2月 02

直接开始

# 方式一
sudo pecl channel-update pecl.php.net

sudo pecl install swoole

# 方式二
# 官网 https://wiki.swoole.com/#/environment
# pecl https://pecl.php.net/package/swoole
cd /usr/local/src
sudo wget https://pecl.php.net/get/swoole-4.6.2.tgz
sudo tar -xzvf swoole-4.6.2.tgz
cd swoole-4.6.2
sudo phpize

sudo ./configure \
--enable-openssl \
--enable-http2 

# 支持更多可以看文档
./configure \
--enable-openssl \
--enable-http2 \
--enable-swoole-json \
--enable-swoole-curl

sudo make && make install
sudo make test

# 找到扩展存放位置
php -i|grep extension_dir
 /usr/lib/php/20190902
 sudo cp /usr/local/src/swoole-4.6.2/modules/swoole.so ./swoole.so
 # 然后安装下边的方式配置和重启即可。

# 找 php 版本,发现是 7.4
php -v

sudo vim /etc/php/7.4/mods-available/swoole.ini

# php 扩展安装位置
php -i|grep extension_dir

# 写入下边内容
extension=swoole.so

# 创建软链
cd /etc/php/7.4/cli/conf.d
sudo ln -s /etc/php/7.4/mods-available/swoole.ini ./20-swoole.ini

# 重启
sudo service php7.4-fpm restart

# 查看 
php --ri swoole
php -i |grep swoole

阅读全文 >>

1月 28

app 通常会有启动页,引导页和闪屏这三个前奏页面。启动页必须有,不可跳过。引导页通常是第一次启动有和更新版本后有。闪屏可能有广告的嫌疑,用户可点击跳过,也可以等待倒计时跳过。

像 soul 就是强制有 启动页和闪屏。不过闪屏都是一些比较漂亮的图片。

启动页 splash

引导页 guid

闪屏 flash

launchFlag

阅读全文 >>

1月 21

域名有点多,整理出来一下下:

域名 是否备案 证书时间 说明
feepool.com 飞池网,区块链
linliyaofang.com 别人的,待备案
xiyitong.com.cn 洗衣通
xishui.life 浠水生活
ygqiu.com 约个球
qutong.org 趣童,有趣的童年
binkeke.cn binkeke
alibld.com 阿里便利店
mokid.cn
wangshoushou.com
rhbody.com 稀有血型的人们网
vini123.com 数到三就结束
xiangrong.pro 想容
binkeke.com binkeke
itbld.com it便利店
mlxiu.com 美丽秀
1313175.com 一生一世一起玩
vinixiu.com 唯你秀
qiubg.com 球包裹
qiyueshang.com 七月上
yuepaibao.net 约拍宝
yueqiubao.net 约球宝
zeipan.com 贼盘网
xishui.shop 浠水商圈
zeipan.cn 贼盘网

阅读全文 >>

1月 10

写 flutter 越多,遇到的场景和用到组件就越多。这样,就有机会采坑。遇到的情况先记录下。

记录坑

Scaffold(
        appBar: PreferredSize(
          preferredSize: Size.fromHeight(1),
          child: Container(
            color: Colors.white,
          ),
        ),
        body: webView()
      )

记录细节

  • List 循环索引
List list = ['huo', 'are', 'you'];
list.asMap().forEach((index, item) => {

});

学习链接

http://laomengit.com/flutter/widgets/PreferredSize.html

阅读全文 >>

1月 07

搭建好了环境,就是开发项目了。对于前端项目,用户比较关心的是路由,渲染,以及数据。路由可以缓一缓,数据也可以缓一缓。渲染肯定要先出来。渲染太底层的,也不用关心。那就直接关心渲染的上层布局。好吧,就布局。

要了解的信息

  • 我们要知道 Scaffold。
  • 我们要知道 Container、Row、Column、Stack 等。这些和 css flex 布局几乎一个模子。
  • 我们要知道 Color。
  • 我们要知道各种组件。
  • 我们要知道好多好多信息。
  • 我们就是从这里渐渐开始。

阅读全文 >>