neumorphic 0.1.2

Neumorphic Ui kit for flutter #

showcasecards

Getting Started #

In your flutter project add the dependency:

pub package

dependencies:
  neumorphic: any

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

Api #

Now implemented some widgets:

  • NeuCard
  • NeuButton
  • NeuSwitch

NeuCard #

It is container like a Material merged with Container, but implement Neumorphism

NeuCard(
  // State of Neumorphic (may be convex, flat & emboss)
  curveType: CurveType.concave,

  // Elevation relative to parent. Main constituent of Neumorphism
  bevel: 12,

  // Specified decorations, like `BoxDecoration` but only limited
  decoration: NeumorphicDecoration(
    borderRadius: BorderRadius.circular(8)
  ),

  // Other arguments such as margin, padding etc. (Like `Container`)
  child: Text('Container')
)

NeuButton #

Button automatically when pressed toggle the status of NeumorphicStatus from concave to convex and back

NeuButton(
  onPressed: () {
    print('Pressed !');
  },
  child: Text('Button'),
);

NeuSwitch #

Remade CupertinoSlidingSegmentedControl

NeuSwitch<int>(
  onValueChanged: (val) {
    setState(() {
      switchValue = val;
    });
  },
  groupValue: switchValue,
  children: {
    0: Padding(
      padding: EdgeInsets.symmetric(vertical: 24, horizontal: 8),
      child: Text('First'),
    ),
    1: Padding(
      padding: EdgeInsets.symmetric(vertical: 24, horizontal: 8),
      child: Text('Second'),
    ),
  },
);

Inspired by #

  1. Alexander Plyuto (figma)

  2. Ivan Cherepanov (medium)

0.1.2 #

  • Fixed switch background color

0.1.1+1 #

  • Added Getting Started section in readme

0.1.1 #

  • Fixed support flutter stable version

0.1.0 #

  • Renamed Neumorphic => NeuCard, NeumorphicButton => NeuButton and NeumorphicSwitch => NeuSwitch
  • NeumorphicStatus renamed CurveType
  • In CurveType added flat & emboss
  • Improvement switch
  • Added showcase in example
  • Added NeuAppBar, NeuBackButton
  • Added NeuText

0.0.2+1 #

  • Moving a project to a new repository, edited license

0.0.2 #

  • Added NeumorphicSwitch (remade CupertinoSlidingSegmentedControl)

0.0.1 #

  • Initial release

example/README.md

neumorphic_example #

Demonstrates how to use the neumorphic plugin.

Getting Started #

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Use this package as a library

1. Depend on it

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


dependencies:
  neumorphic: ^0.1.2

2. Install it

You can install packages from the command line:

with Flutter:


$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:neumorphic/neumorphic.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
80
Health:
Code health derived from static analysis. [more]
100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100
Overall:
Weighted score of the above. [more]
90
Learn more about scoring.

We analyzed this package on Feb 19, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.1
  • pana: 0.13.5
  • Flutter: 1.12.13+hotfix.7

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.3.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies
flutter_test