패키지, 저장소 및 앱 카테고리 검색

패키지 상세v0.0.1

custom_switch

Flutter로 만든 아름다운 사용자 정의 스위치.

30일 다운로드
118
좋아요
52
Pub 점수
20

패키지 설치

flutter pub add custom_switch

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

플러터로 구현된 시각적으로 매력적인 사용자 정의 스위치 위젯으로, 상태 간 전환을 위한 세련되고 현대적인 디자인을 제공합니다. 개발자가 앱의 UI를 완성도 높은 스위치 컴포넌트로 향상시키고자 할 때 쉽게 사용할 수 있는 인터페이스를 제공합니다. 이 패키지는 가볍고 커스터마이징이 가능하며, 색상, 크기, 애니메이션을 조정할 수 있습니다. 플러터 프로젝트에 원활하게 통합되며, 켜짐과 꺼짐 상태 간의 부드러운 전환을 지원합니다. 설정, 선호 사항 또는 어떤 토글 입력 기능에도 이상적입니다.

사용 사례

  • 앱 설정 토글
  • 사용자 선호도 스위치
  • 다크 모드 활성화/비활성화
  • 폼 입력 컨트롤
  • 사용자 지정 UI 컴포넌트

주요 기능

  • 아름다운 애니메이션 디자인
  • 간편한 사용자 정의
  • 부드러운 상태 전환
  • 경량 구현
  • 무결점 플러터 통합

적합한 대상

  • 시각적 완성도를 추구하는 UI 디자이너
  • 설정 화면을 구축하는 개발자
  • 자주 토글 상호작용이 있는 앱
  • 현대적인 미학을 강조하는 프로젝트
  • Flutter 초보자가 위젯 탐색 중

고려 사항

  • 플랫폼별 스타일 없음
  • 기본 스위치 기능에 한정
  • 상태를 수동으로 처리해야 합니다
  • 내장된 접근성 기능 없음
  • 목록된 여러 플랫폼에 대한 지원 없음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

custom_switch

Beautiful Custom Switch package created with Flutter.

Say Thanks!

The source code is 100% Dart, and everything resides in the /lib folder.

Show some :heart: and star the repo to support the project

GitHub followers Twitter Follow

Open Source Love

💻 Installation

In the dependencies: section of your pubspec.yaml, add the following line:

custom_switch: <latest_version>

Import in your project:

import 'package:custom_switch/custom_switch.dart';

❔Basic Usage

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {

  bool status = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Custom Switch Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            CustomSwitch(
              activeColor: Colors.pinkAccent,
              value: status,
              onChanged: (value) {
                print("VALUE : $value");
                setState(() {
                  status = value;
                });
              },
            ),
            SizedBox(height: 12.0,),
            Text('Value : $status', style: TextStyle(
              color: Colors.black,
              fontSize: 20.0
            ),)
          ],
        ),
      ),
    );
  }
}

Screenshots

custom_switch

👨 Developed By

Mohak Gupta

👍 How to Contribute

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

📃 License

Copyright (c) 2019 Mohak Gupta

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트