velocity_x 0.3.0

  • Readme
  • Changelog
  • Example
  • Installing
  • 95

VelocityX

VelocityX is a 100% free Flutter open-source minimalist UI Framework built with Flutter SDK to make Flutter development easier and more joyful than ever.

Inspired from Tailwindcss and SwiftUI. #

"Web".text.white.xl4.bold.center.makeCentered().box.roundedLg.red500.shadow2xl.make().whHalf(context).centered());

Show some ❤️ and star the repo. #

GitHub followers Twitter Follow

Open Source Love

Quick start #

Read the Getting started page of VelocityX

YouTube Channel #

MTechViral

Facebook Group #

Let's Flutter With Dart

Collection of flutter apps with tutorial #

Flutter Example Apps

Screenshot #

Contributing #

VelocityX is 100% free and open source. We encourage and support an active, healthy community that accepts contributions from the public – including you. There are a couple of ways in which you can contribute to the growing community of VelocityX.

  • Pick up any issue marked with "good first issue"
  • Fix a bug
  • Write and improve some documentation. Documentation is very critical to us. We would appreciate help in adding multiple languages to our docs.
  • If you are a developer, feel free to check out the source and submit pull requests.
  • Dig into CONTRIBUTING.MD, which covers submitting bugs, requesting new features, preparing your code for a pull request, etc.
  • Please don't forget to like, follow, and star our repo!

Documentation #

Installation Guide

❤️ Found this project useful? #

If you found this project useful, then please consider giving it a ⭐ on Github and sharing it with your friends via social media.

Project Created & Maintained By #

Pawan Kumar #

Google Developer Expert for Flutter. Passionate #Flutter, #Android Developer. #Entrepreneur #YouTuber

Donate #

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 ☕

Note: VelocityX is not directly and/or indirectly associated/affiliated with Flutter or Google LLC. #

Code and documentation Copyright 2020 Pawan Kumar. Code released under the [Apache License]. Docs released under Creative Commons.

Breaking Change[0.3.0] - April 07, 2020 #

  • VxCard Introduced
  • withShadow method for box added.
  • withGradient method for box added.
  • scaleFactor for text improved.
  • withRounded method added for Vx.

This classes are renamed (Breaking change).

  1. VelocityX -> Vx

  2. VelocityAnimatedBox -> VxAnimatedBox

  3. VelocityConditional -> VxConditional

  4. VelocityConditionalSwitch -> VxConditionalSwitch

  5. VelocityEnsureVisibleWhenFocused -> VxEnsureVisibleWhenFocused

  6. VelocityDevice -> VxDevice

  7. VelocityResponsive -> VxResponsive

  8. VelocityTwo -> VxTwo

  9. VelocityTwoColumn -> VxTwoColumn

  10. VelocityTwoRow -> VxTwoRow

  11. VelocityZeroCard -> VxZeroCard

  12. VelocityZeroList -> VxZeroList

  13. VelocityBox -> VxBox

  14. VelocityXBlock -> VxBlock

  15. VelocityXInlineBlock -> VxInlineBlock

  16. VelocityDiscList -> VxDiscList

  17. VelocityDecimalList -> VxDecimalList

[0.2.0] - April 01, 2020 #

-- Added support for rich text. -- Added support for animated container. -- Added new textstyle prop for all kind of texts.

Breaking Change[0.1.2] - March 23, 2020 #

-- Renamed Colors -> Eg: redColor100 is now red100 and red100 is now redHex100. -- It will make the color naming consistent. -- Neumorphism added to the box.

[0.1.1] - March 21, 2020 #

  • Bug Fixes for stable channel

[0.1.0] - March 20, 2020 #

  • initial release to public.

example/lib/main.dart

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

void main() => runApp(MaterialApp(
      home: Demo(),
      debugShowCheckedModeBanner: false,
    ));

class Demo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Material(
      color: Vx.teal500,
      child: VStack(
        [
          VxDevice(
              mobile: "Mobile"
                  .text
                  .xl6
                  .textStyle(context.textTheme.caption)
                  .italic
                  .center
                  .make()
                  .centered()
                  .box
                  .rounded
                  .teal500
                  .neumorphic()
                  .make()
                  .whHalf(context),
              web: "Web"
                  .text
                  .white
                  .xl4
                  .bold
                  .center
                  .makeCentered()
                  .animatedBox
                  .bounceIn
                  .rounded
                  .teal500
                  .neumorphic()
                  .make()
                  .whHalf(context)),
          20.heightBox,
          "Velocity"
              .richText
              .withTextSpanChildren(["X".textSpan.red400.make()])
              .xl4
              .white
              .make()
        ],
        alignment: MainAxisAlignment.center,
        crossAlignment: CrossAxisAlignment.center,
      ).p16().scrollVertical(),
    );
  }
}

Use this package as a library

1. Depend on it

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


dependencies:
  velocity_x: ^0.3.0

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:velocity_x/velocity_x.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
90
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]
95
Learn more about scoring.

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

  • Dart: 2.8.4
  • pana: 0.13.14
  • Flutter: 1.17.5

Analysis suggestions

Package not compatible with SDK dart

Because:

  • velocity_x that is a package requiring null.

Health suggestions

Format lib/src/flutter/common/velocity_ensure_visible.dart.

Run flutter format to format lib/src/flutter/common/velocity_ensure_visible.dart.

Format lib/src/flutter/velocityx_mixins/duration_mixin.dart.

Run flutter format to format lib/src/flutter/velocityx_mixins/duration_mixin.dart.

Format lib/src/flutter/widgets.dart.

Run flutter format to format lib/src/flutter/widgets.dart.

Format lib/src/velocity_x_extensions.dart.

Run flutter format to format lib/src/velocity_x_extensions.dart.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.6.0 <3.0.0
auto_size_text ^2.1.0 2.1.0
flutter 0.0.0
Transitive dependencies
collection 1.14.12 1.14.13
meta 1.1.8 1.2.2
sky_engine 0.0.99
typed_data 1.1.6 1.2.0
vector_math 2.0.8 2.1.0-nullsafety
Dev dependencies
flutter_test