扩展小部件

此 Dart 包为开发人员提供了一个简化的 Flutter 小部件库，可用于在用户与之交互时展开小部件和文本视图。

有两个主要的“扩展”小部件

  • Expand Child： 有助于显示与用户已可见内容相关的更多小部件。
  • Expand Text： 当文本对于特定屏幕可能很大时很有用。它增加了在用户需要时显示完整内容的能力。

特点

  • ExpandArrowStyle 参数允许您选择各种渲染选项，这些选项与扩展箭头本身相关。

  • 使用 hideArrowOnExpanded 参数，在展开视图时隐藏箭头小部件。

  • 自定义箭头小部件本身：颜色、大小、内边距、图标...

  • 您还可以通过为两个扩展小部件使用 indicatorBuilder 来提供自己的扩展指示器小部件。

  • 使用自定义扩展提示字符串！默认情况下，它将使用 MaterialLocalizations 提供的字符串。

  • 使用 expandOnGesture（默认设置为 false）通过向上滑动的手势扩展文本视图。

  • 您还可以轻松自定义扩展动画的持续时间和曲线。

示例

以下是使用此软件包的简单示例，其中包含 ExpandChild 和 ExpandText 小部件。

如果您想更深入地了解示例，请查看项目中提供的 示例 文件夹。

  • ExpandChild
ExpandChild(
  child: Column(
    children: <Widget>[
      OutlineButton(
        child: Text('Button1'),
        onPressed: () => print('Pressed button1'),
      ),
      OutlineButton(
        child: Text('Button2'),
        onPressed: () => print('Pressed button2'),
      ),
      OutlineButton(
        child: Text('Button3'),
        onPressed: () => print('Pressed button3'),
      ),
    ],
  ),
),
  • ExpandText
ExpandText(
  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
  textAlign: TextAlign.justify,
),

入门

本项目是 Dart package 的起点，这是一个可以轻松跨多个 Flutter 或 Dart 项目共享的库模块。

有关开始使用 Flutter 的帮助，请参阅我们的 在线文档，其中提供了教程、示例、有关移动开发的指南和完整的 API 参考。

使用...构建

  • Flutter - 在创纪录的时间内创建漂亮的原生应用程序。
  • Android Studio - 用于在各种 Android 设备上构建应用的工具。
  • Visual Studio Code - 代码编辑。重新定义。

作者

  • Jesús Rodríguez

GitHub

https://github.com/jesusrp98/expand_widget