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

GitHub 저장소TheAlphamerc/empty_widget

빈 위젯

Custom_Empty 위젯은 특정 이벤트에 대해 사용자에게 알리기 위해 설계된 플러터 플러그인입니다.

빈 위젯 프로젝트 이미지
스타
71
포크
34
최근 푸시(UTC)
2024. 10. 3.
프로젝트 상태
활성

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

Empty Widget

Open Source Love GitHub last commit GitHub GitHub code size in bytes GitHub stars GitHub forks

pub package Likes Popularity Pub points

Hits

Custom_Empty widget is flutter custom widget which is designed to notify user about some event.

Screenshots

Screenshots Screenshots Screenshots Screenshots

Getting Started

1. Add library to your pubspec.yaml
dependencies:
  empty_widget: ^0.0.3
2. Import library in dart file

import 'package:empty_widget/empty_widget.dart';

3. Use of EmptyWidget
 EmptyWidget(
   image: null,
   packageImage: PackageImage.Image_1,
   title: 'No Notification',
   subTitle: 'No  notification available yet',
   titleTextStyle: TextStyle(
     fontSize: 22,
     color: Color(0xff9da9c7),
     fontWeight: FontWeight.w500,
   ),
   subtitleTextStyle: TextStyle(
     fontSize: 14,
     color: Color(0xffabb8d6),
   ),
 );

Example

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
         primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Empty widget demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
 final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        alignment: Alignment.center,
        child: EmptyWidget(
          image: null,
          packageImage: PackageImage.Image_1,
          title: 'No Notification',
          subTitle: 'No  notification available yet',
          titleTextStyle: TextStyle(
            fontSize: 22,
            color: Color(0xff9da9c7),
            fontWeight: FontWeight.w500,
          ),
          subtitleTextStyle: TextStyle(
            fontSize: 14,
            color: Color(0xffabb8d6),
          ),
        ),
      ),
    );
  }
}

Parameters and Value

Parameter Type Description
title string Set text for title
subTitle string Set text for subtitle
image string Display images from project assets
packageImage PackageImage Display image from package assets
titleTextStyle TextStyle Set text style for title
subtitleTextStyle TextStyle Set text style for subtitle
hideBackgroundAnimation bool Hides the background circular ball animation

Download Example App

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.

Created & Maintained By

Sonu Sharma (Twitter) (Youtube) (Insta) Twitter Follow

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of :coffee:

Visitors Count

Loading
Sonu Sharma GitHub avatar
GitHub 작성자

Sonu Sharma ↗

Tech enthusiast | Building solutions | Team player | Looking for new opportunities

New Delhi, India공식 웹사이트 ↗
언어DartSwiftJavaObjective-C

분류

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 2 개

  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}

프로젝트에 맞는 저장소를 선택하려면?

사용 목적에 따라 검색하고 개발 활동을 비교한 뒤 원본 저장소에서 요구 사항을 확인하세요.

  1. 이름, 작성자 또는 설명으로 검색하고 기술 주제로 범위를 좁힙니다.
  2. 스타, 포크, 최근 푸시를 함께 비교하세요. 스타는 관심의 지표이며 품질을 보장하지 않습니다.
  3. 사용하기 전에 GitHub에서 README, 라이선스, Issues를 확인하세요.

출처 및 관리

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗