Flutter未分类

沉浸式处理

基本使用(全局生效)

Flutter侧设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// 黑色沉浸式状态栏颜色 黑色文字
SystemUiOverlayStyle dark = const SystemUiOverlayStyle(
    // systemNavigationBarColor: Color(0xFF000000),
    systemNavigationBarDividerColor: null, //设置导航栏和内容区域的分割线颜色
    systemNavigationBarIconBrightness：null, //设置导航栏图标的颜色，可选值为Brightness.light或Brightness.dark。
    /// 注意安卓要想实现沉浸式的状态栏 需要底部设置透明色
    statusBarColor: Colors.transparent, // 状态栏颜色为透明
    systemNavigationBarIconBrightness: Brightness.light,
    statusBarIconBrightness: Brightness.dark, // 设置状态栏图标的颜色，可选值为Brightness.light或Brightness.dark。
    statusBarBrightness: Brightness.light,  // 设置状态栏文字的颜色，可选值为Brightness.light或Brightness.dark。
);

SystemChrome.setSystemUIOverlayStyle(dark);

原生侧设置

1
2
3
4
5
6
7
8
9
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        getWindow().setStatusBarColor(0);//原生侧设置透明
    }
}

Read More
Flutter未分类

资源使用

Flutter 应用程序包含代码和 assets（也为资源）。资源是被打包到应用程序安装包中，可以在运行时访问的一种文件。常见的资源类型包括静态数据（例如 JSON 文件），配置文件，图标和图片（JPEG，WebP，GIF，动画 WebP / GIF，PNG，BMP 和 WBMP）。

指定资源

Flutter使用pubspec.yaml文件来配置所需要的资源

1
2
3
4
5
flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png
    - directory/

如果要包含一个目录下所有的assets，需要在目录名称的结尾加上/

Read More
服务端

数据监控方案

client对相关数据进行上报，服务端对数据进行处理，后台提供一个网站进行数据展示，展示可以使用各种图表。Grafana就提供了如此一套开源解决方案。

Grafana 是一个开源的数据可视化和监控平台，其原理可以分为以下几个方面：

  • 数据源连接：Grafana 支持连接各种数据源，如 Prometheus、Elasticsearch、InfluxDB、MySQL、PostgreSQL 等，以获取数据。它通过插件机制来支持不同的数据源，并且提供了一组 API 来获取数据。
  • 数据存储：Grafana 不会存储数据，而是通过查询数据源来获取数据。这意味着 Grafana 的性能取决于数据源的性能。

Read More