搜尋套件、儲存庫與 APP 分類

flutter_switch 封面
套件詳情v0.3.2

flutter_switch

一個可自訂的開關小部件,可具有自訂的高度和寬度、邊框、邊框圓角、顏色、切換大小、切換內部的自訂文字和圖示。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
15.5萬
喜歡數
634
Pub 分數
150

安裝套件

flutter pub add flutter_switch

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

flutter_switch 是一個可自訂的開關組件,適用於 Flutter,允許開發者調整尺寸、邊框、圓角半徑、顏色和切換大小。它支援在切換中自訂文字與圖示,提供高度的視覺彈性。非常適合在多個平台創建具有客製設計的獨特開/關控制。此套件輕量且易於透過 pub.dev 集成。

適用情境

  • 自訂 UI 開關
  • 主題切換元件
  • 跨平台切換組件
  • 互動式表單控制項
  • 增強的使用者介面設計

主要特色

  • 可調整的高度和寬度
  • 自訂邊框和圓角半徑
  • 支援切換按鈕中的圖示與文字
  • 可設定的顏色與切換按鈕大小
  • 跨平台相容性

適合對象

  • 尋求自訂的UI設計師
  • 開發互動式表單的開發者
  • 需要品牌化切換開關的應用
  • 針對多個平台的專案
  • 重視一致UI元件的團隊

使用建議

  • 需要手動處理狀態管理
  • 有限的內建動畫
  • 不適合複雜的動態切換
  • 可能需要額外的樣式以符合可存取性需求
  • 依賴外部套件以實現進階功能

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

flutter_switch

All Contributors

pub package pub points popularity likes

An easy to implement custom switch created for Flutter. Give it a custom height and width, border for the switch and toggle, border radius, colors, toggle size, a choice to display an 'On' and 'Off' text and able to add an icon inside the toggle.

GitHub followers

Demo

flutter_switch

Video version: https://youtu.be/JqJnxjE6Efc

Use this package as a library

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_switch: ^0.3.1

You can install packages from the command line with Flutter:

$ flutter pub get

Import in your project:

import 'package:flutter_switch/flutter_switch.dart';

Sample Usage

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool status = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("FlutterSwitch Demo"),
      ),
      body: Center(
        child: Container(
          child: FlutterSwitch(
            width: 125.0,
            height: 55.0,
            valueFontSize: 25.0,
            toggleSize: 45.0,
            value: status,
            borderRadius: 30.0,
            padding: 8.0,
            showOnOff: true,
            onToggle: (val) {
              setState(() {
                status = val;
              });
            },
          ),
        ),
      ),
    );
  }
}

Want to Contribute?

Contributions to this project is very much welcome. Let's work together to maintain and improve the project Simply Fork the repository, Commit and Push your changes and create a new Pull Request.

Don't forget to try out the example project under the ./example folder.

Also test your changes by running this command.

$ flutter test

If you have some suggestions, you can reach me at romero.nicholejohn@gmail.com

License

BSD 3-Clause License

Copyright (c) 2020, Nichole John Romero
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

    1. Redistributions of source code must retain the above copyright notice, this
    list of conditions and the following disclaimer.

    2. Redistributions in binary form must reproduce the above copyright notice,
    this list of conditions and the following disclaimer in the documentation
    and/or other materials provided with the distribution.

    3. Neither the name of the copyright holder nor the names of its
    contributors may be used to endorse or promote products derived from
    this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Nickr

💻 📖 🚧 ⚠️

Lucas Eduardo

💻

Douglas Ramos

💻

Daniyil Yevtyushkin

💻 ⚠️

Maksim Nikolaev

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

所屬分類

原始碼儲存庫

使用此套件的專案