nibite UI Elements for Flutter

Description

This package helps in creating data collection forms and navigation pages in Flutter, this is an early version of the project, so there is still a lot to come.

Widgets

• NibiteSpinner - Single spinner field
• NibiteProductStack - Single product stack
• NibiteTextForm - Single text form
• NibiteDivider - Single divider

Use

Setup

To use this package, add nibite_ui_elements as a dependency in your pubspec.yaml file. No specific setup required: only install the dependency and use :)

dependencies:
flutter:
   sdk: flutter
nibite_ui_elements: ^0.0.8

Basic use

• NibiteSpinner

import 'package:nibite_ui_elements/nibite_spinner.dart';
//...
int quantity = 0;
//...
NibiteSpinner(
   initialValue: 1,
   resultValue: (value) {
      setState(() {
         quantity = value;
      });
   },
),

• NibiteProductStack

import 'package:nibite_ui_elements/nibite_product_stack.dart';
//...
NibiteProductStack(
   name: "Product's name",
   image: Image.network(
   'https://cdn.pixabay.com/photo/2017/07/28/14/23/macarons-2548810_1280.jpg',
   fit: BoxFit.cover,
   ),
   price: '\$ 12,34',
   onAddToCart: (GlobalKey cartKey) async {},
   onTap: () {},
),

• NibiteTextForm

import 'package:nibite_ui_elements/nibite_text_form.dart';
//...
NibiteTextForm(
   prefixIcon: Icons.account_circle,
   labelText: 'Fieldname',
),

• NibiteDivider

import 'package:nibite_ui_elements/nibite_divider.dart';
//...
NibiteDivider(
   labelText: 'Or',
),