bui_component

Description:

bui component

Use CRM for Flutter apps. #
🔥 Star and Share 🔥 the repo to support the project. Thanks! #
A flutter plugin to use CRM Component for flutter Apps.

Example

Instalation #

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

dependencies:
bui_component: "^0.0.65"
copied to clipboard

You can install packages from the command line:
with Flutter:

$ flutter packages get
copied to clipboard
DashBoardScreen #
new HomeScreenComponent(
onMenuPressed: onMenuPressed,
backgroundColor: theme,
onPopUpMenuFunction: onPopUpMenuPressed,
popUpMenu: popUpMenu,
showFilterView: false,
onFilterClicked: () {
Navigator.of(context).push(MaterialPageRoute(
builder: (context) {
return FilterScreen(
primaryColor: theme,
secondaryColor: secondaryBackgroundColor,
);
},
));
},
child: isLoader
? Stack(
children: [
Loader(
loaderColor: theme,
),
],
)
: Stack(
children: [
showGridView, // Change grid to card you can use this function to refer the dashboard screen
apiCallView, // show you are API data
],
),
),

copied to clipboard
Attribute #

onMenuPressed (Type Function) call the function every time a change the screen
backgroundColor (Type Color) Your App Primary color to change the app bar color and primary color in that screen
popUpMenu (Type List
onPopUpMenuFunction (Type Function) call the function every time to change the popup menu option
showFilterView(Type bool) To change bool for show filter icon of required
onFilterClicked(Type Function) This function helps to navigate the filter view if showFilterView is true we can access this function
child(Type Widget) Which can help the customize screen design.

CommonComponent #
CommonComponent(
svgPictureImage: SvgPictures.NO_INTERNET,
updateText: AppStrings.NO_INTERNET,
buttonText: "Retry",
title: "No internet",
isLeadingIconTrue: false,
height: 200,
width: 200,
secondaryColor: Colors.red,
primaryColor: Colors.blue,
padding: 5,
backPressed: () {
print("Back Button Function");
},
actionUpdate: () {
print("Action Button Function");
},
gifAnimated: Image.asset(ImageAssets.LOADER_GIF),
)

copied to clipboard
Attribute #

svgPictureImage (Type String) To Change the svg image
updateText (Type String) To Change the content string in your screen.
buttonText (Type String) To Change the button string in your screen.
title (Type String) To Change the appbar title string in your screen.
isLeadingIconTrue (Type boolean) To show the back icon. you can send the false that time icon will be disabled
height (Type double) To adjust your screen height
width (Type double) To adjust your screen width
padding (Type double) To adjust your screen padding
secondaryColor (Type color) To change your button color and secondary color areas
primaryColor (Type color) To change your appBar color and primary color areas
backPressed (Type Function) If you can enable the isLeadingIconTrue is true that time which is used to write the back press function
actionUpdate (Type Function) call the function every time to react the condition developers choice
gifAnimated(Type Widget) Which can help the customize the screen design like replace the svg and load the gif image that part you can customized what you need.

Getting Started #
For help getting started with Flutter, view our online documentation.
For help on editing package code, view the documentation.