Neon_Widgets

License

此包将为您提供最常用的具有正常和霓虹灯版本的控件。
此包中有多种不同类型的控件，可用于创建更多霓虹灯主题的控件。

pub 包: https://pub.dev/packages/neon_widgets

入门

README 更新日志 安装 版本 分数 管理员 活动日志 将此包用作库 依赖
它 运行此命令

运行此命令

使用 Dart

 $ dart pub add neon_widgets

使用 Flutter

 $ flutter pub add neon_widgets

这将在您的包的 pubspec.yaml 文件中添加类似这样的行（并运行一个隐式的 dart pub get）

dependencies:
  neon_widgets: ^0.0.1

或者，您的编辑器可能支持 dart pub get 或 flutter pub get。请查看您的编辑器文档以了解更多信息。

导入它
现在，在您的 Dart 代码中，您可以使用

import 'package:neon_widgets/neon_widgets.dart';

特点

示例应用

小部件

neon 搜索栏

oNeonSearchBar()

聊天控件

oNeonRightMsgCard(
    lightBlurRadius: 20,
    lightSpreadRadius: 10,
    backgroundColor: Colors.deepPurple,
    msg:
    "Hi all, this is brand new library that provides most used widgets in neon and normal effect",
    time: "10:45"),
const SizedBox(
  height: 20,
),
oLeftMsgCard(
    msg:
    "Hi all, this is brand new library that provides most used widgets in neon and normal effect",
    time: "10:45"),
const SizedBox(
  height: 20,
),
oRightMsgCard(
    msg:
    "Hi all, this is brand new library that provides most used widgets in neon and normal effect",
    time: "10:45"),
const SizedBox(
  height: 20,
),

添加项目控件

Wrap(
direction: Axis.horizontal,
children: <Widget>[
  ...(searchedResults.map((e) =>
      oNeonAddItemButton(
          data: e,
          borderColor: Colors.deepOrange.shade50,
          spreadColor: Colors.deepOrange,
          lightSpreadRadius: 3,
          lightBlurRadius: 18))),
],
),

oNeonPoint 控件

oNeonPoint(
  pointSize: 00,
  pointColor: Colors.red.shade100,
  spreadColor: Colors.red,
),

oNeonLine 控件

oNeonLine(
  spreadColor: Colors.brown,
  lightSpreadRadius: 30,
  lightBlurRadius: 90,
  lineWidth: 400,
  lineHeight: 0.02,
  lineColor: Colors.brown.shade100,
),

非霓虹灯控件

oSearchBar(),
const SizedBox(
  height: 20,
),
Wrap(
  direction: Axis.horizontal,
  children: <Widget>[
    ...(searchedResults
        .map((e) => oAddItemButton(data: e))),
  ],
),
const SizedBox(
  height: 20,
),
Container(
  padding: const EdgeInsets.all(20),
  child: oCircumscribingIconButton(
      icon: Icons.keyboard_arrow_left_sharp,
      onTap: () {},
      backgroundColor: Colors.purple),
),

用法

提供示例代码

oNeonContainer(
  spreadColor: Colors.green.shade700,
  child: oCircumscribingIconButton(
        icon: Icons.arrow_right_alt_sharp,
        onTap: () {},
        backgroundColor: Colors.green.shade700),
    borderRadius: BorderRadius.circular(100),
    lightBlurRadius: 100,
    lightSpreadRadius: 50,
  borderColor: Colors.green.shade100
)

附加信息

想改进此包？在以下位置为项目做出贡献：
GitHub: https://github.com/ojasjain24/neon_widgets_flutter
创建问题: https://github.com/ojasjain24/neon_widgets_flutter/issues

贡献规则

1：创建一个描述功能的问题。

2：在此问题下评论，表明您有兴趣解决此问题。

GitHub

查看 Github