Colors.dart common file

-

How to create color file common for all app.

Create common AppColors.dart file in your lib folder.

class AppColors {
  static const Color btn_primary_dark_new = Color(0xff214960);
  static const Color btn_primary_light_new = Color(0xff56C67D);
  static const Color gray = Color(0xffD7D7D7);
  static const Color bg_web_link_item_disabled = Color(0xffddddd);
}

and use it wherever you need.
using AppColors.colorName


Container(
  margin: const EdgeInsets.all(8.0),
  decoration: ShapeDecoration(
      color: AppColors.btn_primary_dark_new,
      shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(8.0),
          side: BorderSide(width: 1, color: AppColors.gray))),
  child: Text("Hello"),
)


Comments

Post a Comment

Popular posts from this blog

Flutter Bloc Pattern 8.0.0 Call API

-
Image
 Let's Learn how to call API/Webservices using bloc pattern of flutter What is bloc?  So as per official site of Bloc .  The goal of this package is to make it easy to implement the   BLoC   Design Pattern (Business Logic Component). This design pattern helps to separate  presentation  from  business logic . Following the BLoC pattern facilitates testability and reusability. This package abstracts reactive aspects of the pattern allowing developers to focus on writing the business logic. Bloc  A  Bloc  is a more advanced class which relies on  events  to trigger  state  changes rather than functions.  Bloc  also extends  BlocBase  which means it has a similar public API as  Cubit . However, rather than calling a  function  on a  Bloc  and directly emitting a new  state ,  Blocs  receive  events  and convert the incoming  events  into outgoing  states . Lets Start with code.  Create your own Bloc class class APIBloc extends Bloc<APIEvents, APIState> { // final APIRepo apiR
Read more

Dynamic and responsive ListView in flutter

-
How to create responsive and dynamic Listview? Step 1: Create Listview builder ListView.builder( physics: ScrollPhysics(parent: AlwaysScrollableScrollPhysics()), itemCount: allBillList[ 0 ].data!.length, scrollDirection: Axis.vertical, itemBuilder: (c, index1) { String data = mainList![index1]; return ListItem(data); }) Step 2: Create separate ListItem.dart file import 'package:flutter/cupertino.dart' ; import 'package:flutter/material.dart' ; class ListItem extends StatefulWidget { ListItem({ this .data}); final String? data; @override _ListItemState createState() => _ListItemState(); } class _ListItemState extends State<ListItem> { @override Widget build(BuildContext context) { // TODO: implement build return Column( children: [ Container(margin: const EdgeInsets.all( 16.0 ), child:Text(data)), BasicWidget.getDivider(), ], ); } } So if you want to delete or add items in main
Read more

Manage Firebase storage using flutter

-
Image
To upload and download any image, pdf, doc file in cloud then firebase is best option. More about firebase storage follow link Add Following dependecies inside pubspec.yaml file dependencies : flutter : sdk : flutter cloud_firestore : ^2.2.0 firebase_storage : ^8.1.0 You have to set rules inside your firestore to access files rules_version = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read, write } } } Now  inside your firebase storage create folder whatever you want right now we are using "uploads/ " First you have install firestore inside your flutter project. flutter pub add firebase_storage Once done with that rebuild your project. flutter run Now initialize firebase inside initState() Firebase. initializeApp (); Once initilize completed create reference of fireStore Reference firebaseStorageRef = FirebaseStorage. instance .ref().child( 'uploads/ $fileName ' ); Below code is for upl
Read more