Flutter代码展示插件code_box的使用

Code Box 是一个包含用于 Flutter 和 Dart 的有用代码片段的集合。欢迎你自己贡献代码。

当前功能

列表

flatMap

flatMap 方法允许你处理条件构建时可能出现的 null 值。例如，你有一个根据条件构建的 Column，其中某些项可能为 null。

import 'package:code_box/code_box.dart';

/// 假设你有一个包含条件构建的 Column
Widget build(BuildContext context) {
    return Column(
        children: [
            (text != null) ? Text("test") : null,
            Text("next Line"),
            (secondText != null) ? Text("second Text") : null
        ] /// 通常你会被提醒不能这样构建子元素，因为 null 不是一个 Widget 类型
        /// 使用 flatMap 可以解决这个问题
        .flatMap() /// 魔法发生，条件构建开始 :)
    );
}

unique

unique 方法可以对列表中的元素进行去重。

final list = ["test", "test", "test1", "test2", "test4", "test1", "test2"];
final List<String> uniqued = list.unique(); /// 魔法发生，列表通过其类型去重

Widget修饰器

padding & scrollbar & safearea

这些基本功能保持了这些基础组件的初始化方法。

Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
            children: [
                Text("test"),
                Text("test2")
            ]
        ).padding(left: 15, right: 15, bottom: 5)
        .safeArea()
        // 个人意见：长的构建块使用 padding 会更易读
        // 同样适用于 safe area 和 scrollbar
    );
}

完整示例

以下是一个完整的示例，展示了如何使用 code_box 插件。

import 'package:code_box/code_box.dart';
import 'package:flutter/material.dart';

// 定义一个测试用的 Widget
class TestWidget extends StatelessWidget {
  TestWidget({super.key, required this.injected});

  // 属性
  final List<String> injected;

  // 构建方法
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      children: injected
          // .unique()

          /// 我们只想要每个条目一次
          /// 只想显示注入列表中的字符串
          .map((e) {
            if (e is String) {
              return Text(e); // 返回非空字符串对应的 Text Widget
            } else {
              return null; // 返回 null
            }
          })
          /// 将 map 转换为列表
          .whereType<Text>() // 过滤掉 null
          .toList()

          /// 并将其展平到期望的列表类型
          .flatMap()
    ).padding(top: 15).safeArea();
  }
}