A minimalist Flutter framework for rapidly building custom designs.

Last update: Jan 8, 2023

Overview

Show some ❤️ and star the repo.

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.

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

📌 Bulletin

Now supports null-safety
Video Tutorials on YouTube for updates & walk through videos.
Join the discord

Why use VelocityX?

VelocityX is known for :

Vx	Vx
100% fast, performant & compatible	100% free & open-source
100% ready for production	200% faster for writing UIs

Features

✅ State Management
✅ Navigator 2.0
✅ Animations
✅ Custom UIs
✅ Custom Shapes
✅ Super VX
✅ Extension Methods
✅ Responsive Layout
✅ Color Palette

Quick start

Read the Getting started page of VelocityX

VelocityX Video Tutorials

Watch here

Some popular Super Vx widgets

Some Quick UIs made using VelocityX

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 ☕

PayPal

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

Active Contributors

Ayush Bherwani
Hasnen Tai
Harpreet Singh

Copyright-and-license

Comments

`addObserver` Method is not null safe
The following bug appears while compilation with null safety

Error: Method 'addObserver' cannot be called on 'WidgetsBinding?' because it is potentially null. - 'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/Users/michaelspeed/fvm/versions/2.10.4/packages/flutter/lib/src/widgets/binding.dart'). Try calling using ?. instead. WidgetsBinding.instance.addObserver(this);

To Reproduce Steps to reproduce the behaviour: Just start compilation using velocity x in any component

Expected behaviour To compile

Desktop (please complete the following information):

OS: mac OS

Browser: Chrome

Version: 3.5.1

Flutter Version: 2.10.4
opened by michaelspeed 11

BUG: No named parameter 'nullOk'

Describe the bug

/C:/development/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-2.3.1-nullsafety.0/lib/src/extensions/context_ext.dart:177:36: Error: No named parameter with the name 'nullOk'.
      Actions.invoke(this, intent, nullOk: nullOk) as bool?;
                                   ^^^^^^
/C:/development/flutter/packages/flutter/lib/src/widgets/actions.dart:898:18: Context: Found this candidate, but the arguments don't match.
  static Object? invoke<T extends Intent>(
                 ^^^^^^
                                                                        
                                                                        
FAILURE: Build failed with an exception.

I tried to run a flutter project, but I ended up with this error. I am also attaching my dependencies list

cupertino_icons: ^1.0.2
  http: ^0.13.0
  package_info: ^2.0.0
  launch_review: ^2.0.0
  url_launcher: ^6.0.2
  firebase_core: ^1.0.0
  firebase_auth: ^1.0.0
  firebase_messaging: ^9.0.0
  fluttertoast: ^7.0.4
  velocity_x: ^2.3.1-nullsafety.0
  firebase_auth_web: ^1.0.0
  pin_code_fields: ^6.1.0
  shared_preferences: ^2.0.3
  simple_animations: ^2.2.2
  supercharged: ^1.10.0
  keyboard_avoider: ^0.1.2
  intl: ^0.17.0

opened by priyamharsh14 6

How to increase swiping speed in swiper example

For example, we have large number of horizontal content to be scrolled. And it should be in same manner - like item should always come to middle after scrolling. Currently with swiper, it hardly scrolls 2-3 views at a time, which is really inconvenient.

Any suggestion to increase the scrolling speed?
enhancement question

opened by viratshukla 6

[Question/Bug?] `'text'.text.make()` causes crash when `Text('text')` does not

(Thanks for the package. It does help to develop UI faster)

Describe the bug If the following is retuned from the widget build function, it crashes with flutter exception:

class SettingsPage extends HookWidget {
    
    SettingsPage({Key? key}) : super(key: key);

    @override
    Widget build(BuildContext context) {
        final user = useUser();
        final theme = useTheme();
        final photoUrl = user?.photoUrl;
        final photoSize = context.screenWidth / 3;
        final photoFallback = CircleAvatar(child: Icon(Icons.person, size: photoSize));
        return Scaffold(
            appBar: AppBar(
                title: "settings".text.uppercase.bold.fontFamily("Brand").make(),
            ),
            body: LayoutBuilder(builder: (context, constraints) {
                return SingleChildScrollView(
                    child: ConstrainedBox(
                        constraints: BoxConstraints(minHeight: constraints.maxHeight),
                        child: IntrinsicHeight(
                            child: Column(
                                mainAxisSize: MainAxisSize.max,
                                crossAxisAlignment: CrossAxisAlignment.stretch,
                                children: [
                                    Expanded(
                                        child: 'top'.text.make().box.height(30).make(),
                                    ),
                                    'header'.text.make().box.height(30).make(),
                                    // comment the following line to get rid of the crash
                                    'header'.text.make(),
                                    Text('header'), // but this one works
                                ]
                            ),
                        )
                    )
                );
            })
        );
    }
}

To Reproduce Steps to reproduce the behavior:

Render this widget
See error

Expected behavior I would expect 'header'.text.make() to behave exactly the same as Text('header'). At least not to cause the exception

Console output

/flutter (29236):  └───── ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞══════════════════════
I/flutter (29236): The following assertion was thrown during performLayout():
I/flutter (29236): LayoutBuilder does not support returning intrinsic dimensions.
I/flutter (29236): Calculating the intrinsic dimensions would require running the
I/flutter (29236): layout callback speculatively, which might mutate the live render
I/flutter (29236): object tree.
I/flutter (29236):
I/flutter (29236): The relevant error-causing widget was:
I/flutter (29236):   IntrinsicHeight
I/flutter (29236):
lib\views\page_settings.dart:32
I/flutter (29236):
I/flutter (29236): When the exception was thrown, this was the stack:

I/flutter (29236): #0      _RenderLayoutBuilder._debugThrowIfNotCheckingIntrinsics.<anonymous closure>
package:flutter/…/widgets/layout_builder.dart:390
I/flutter (29236): #1      _RenderLayoutBuilder._debugThrowIfNotCheckingIntrinsics
package:flutter/…/widgets/layout_builder.dart:397
I/flutter (29236): #2      _RenderLayoutBuilder.computeMaxIntrinsicHeight
package:flutter/…/widgets/layout_builder.dart:344
I/flutter (29236): #3      RenderBox._computeIntrinsicDimension.<anonymous closure>
package:flutter/…/rendering/box.dart:1377
I/flutter (29236): #4      _LinkedHashMapMixin.putIfAbsent (dart:collection-patch/compact_hash.dart:311:23)
I/flutter (29236): #5      RenderBox._computeIntrinsicDimension
package:flutter/…/rendering/box.dart:1375
I/flutter (29236): #6      RenderBox.getMaxIntrinsicHeight
package:flutter/…/rendering/box.dart:1747
I/flutter (29236): #7      RenderFlex.computeMaxIntrinsicHeight.<anonymous closure>
package:flutter/…/rendering/flex.dart:635
I/flutter (29236): #8      RenderFlex._getIntrinsicSize
package:flutter/…/rendering/flex.dart:543
I/flutter (29236): #9      RenderFlex.computeMaxIntrinsicHeight
package:flutter/…/rendering/flex.dart:632
I/flutter (29236): #10     RenderBox._computeIntrinsicDimension.<anonymous closure>
package:flutter/…/rendering/box.dart:1377
I/flutter (29236): #11     _LinkedHashMapMixin.putIfAbsent (dart:collection-patch/compact_hash.dart:311:23)
I/flutter (29236): #12     RenderBox._computeIntrinsicDimension
package:flutter/…/rendering/box.dart:1375
....

Smartphone (please complete the following information):

Device: [e.g. iPhone6] Ulefone Armor X5
OS: [e.g. iOS8.1] Android
Browser [e.g. stock browser, safari] n/a
Version [e.g. 22] 10

Additional context Not sure. Just ask if more information is required.

question

opened by avkonst 5

No named parameter with the name 'isMaterialAppTheme'.
Describe the bug this bug arises when I run my code

FAILURE: Build failed with an exception.

Where: Script '/home/parag/snap/flutter/common/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 997

What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'.

Process 'command '/home/parag/snap/flutter/common/flutter/bin/flutter'' finished with non-zero exit value 1

Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

Get more help at https://help.gradle.org

BUILD FAILED in 14s isMaterialAppTheme: isMaterialAppTheme, ^^^^^^^^^^^^^^^^^^ ../../../../snap/flutter/common/flutter/packages/flutter/lib/src/material/theme.dart:40:9: Context: Found this candidate, but the arguments don't match. const Theme({ ^^^^^ ../../../../snap/flutter/common/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-1.0.1/lib/src/flutter/theme.dart:47:9: Error: No named parameter with the name 'isMaterialAppTheme'. isMaterialAppTheme: isMaterialAppTheme, ^^^^^^^^^^^^^^^^^^ ../../../../snap/flutter/common/flutter/packages/flutter/lib/src/material/theme.dart:40:9: Context: Found this candidate, but the arguments don't match. const Theme({ ^^^^^ Exception: Gradle task assembleDebug failed with exit code 1
Upgrade required
opened by paraggupta9065 5
when I am using velocity x package it shows me an error.

when I am using velocity x package it shows me an error.

` ======== Exception caught by scheduler library ===================================================== The following assertion was thrown during a scheduler callback: Assertion failed: org-dartlang-sdk:///flutter_web_sdk/lib/_engine/engine/dom_canvas.dart:140:10 paint.shader == null is not true

When the exception was thrown, this was the stack: C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 216:49 throw C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 24:3 assertFailed C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/dom_canvas.dart 140:26 _buildDrawRectElement C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/bitmap_canvas.dart 385:34 drawRect C:/b/s/w/ir/cache/builder/src/out/host_debug/flutter_web_sdk/lib/_engine/engine/html/recording_canvas.dart 979:11 apply ... ====================================================================================================`
help wanted

opened by lkrjangid1 5

text.make() error causing in datatable

Hi @iampawan

When I use key.text.make() it throws an error. When I use default Text noproblem

class TransactionHistoryWidget extends StatelessWidget {

  TransactionHistoryWidget({
    @required this.transactions
  }): assert(transactions != null);

  final List<Map<String, dynamic>> transactions;

  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      scrollDirection: Axis.horizontal,
      child: DataTable(
        columns: getColumns(),
        rows: getRows()
      ),
    );
  }

  List<DataColumn> getColumns(){
    List<DataColumn> columns = [];
    columns.addAll(transactions[0].keys.map((key) => DataColumn(label: key.text.make(), tooltip: key)));
    return columns;
  }

  List<DataRow> getRows(){
    List<DataRow> rows = [];
    for(int i = 0; i < transactions.length; i++) {
      List<DataCell>  cells = [];
      cells.addAll(transactions[i].values.map((value) => DataCell(Text(value.toString()))));
      rows.add(DataRow(cells: cells));
    }
    return rows;
  }
}

Flutter Framework Issue Fixed for next release

opened by bloggerraviteja 5

How do write in Velocity, the Widget Text with overflow

How do I write in Velocity, the Widget Text with overflow,

Text(
          this.text,
          style: TextStyle(
            fontSize: 14,
          ),
          overflow: TextOverflow.ellipsis,
          textAlign: TextAlign.center,
        ),
      )

enhancement

opened by GustavoLofrano 5

Method 'addObserver' cannot be called on 'WidgetsBinding?' because it is potentially null.
/C:/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.5.1/lib/src/flutter/common/velocity_ensure_visible.dart:67:29: Error: Method 'addObserver' cannot be called on 'WidgetsBinding?' because it is potentially null.

'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/flutter/packages/flutter/lib/src/widgets/binding.dart'). Try calling using ?. instead. WidgetsBinding.instance.addObserver(this); ^^^^^^^^^^^ /C:/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.5.1/lib/src/flutter/common/velocity_ensure_visible.dart:72:29: Error: Method 'removeObserver' cannot be called on 'WidgetsBinding?' because it is potentially null.

'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/flutter/packages/flutter/lib/src/widgets/binding.dart'). Try calling using ?. instead. WidgetsBinding.instance.removeObserver(this); ^^^^^^^^^^^^^^ /C:/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.5.1/lib/src/flutter/drawer.dart:150:29: Error: Method 'addPostFrameCallback' cannot be called on 'WidgetsBinding?' because it is potentially null.

'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/flutter/packages/flutter/lib/src/widgets/binding.dart'). Try calling using ?. instead. WidgetsBinding.instance.addPostFrameCallback(getBoxHeight); ^^^^^^^^^^^^^^^^^^^^ /C:/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.5.1/lib/src/flutter/marquee.dart:51:29: Error: Method 'addPostFrameCallback' cannot be called on 'WidgetsBinding?' because it is potentially null.

'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/flutter/packages/flutter/lib/src/widgets/binding.dart'). Try calling using ?. instead. WidgetsBinding.instance.addPostFrameCallback((callback) { ^^^^^^^^^^^^^^^^^^^^ /C:/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.5.1/lib/src/flutter/popup_menu.dart:186:29: Error: Method 'addPostFrameCallback' cannot be called on 'WidgetsBinding?' because it is potentially null.

'WidgetsBinding' is from 'package:flutter/src/widgets/binding.dart' ('/C:/flutter/packages/flutter/lib/src/widgets/binding.dart'). Try calling using ?. instead. WidgetsBinding.instance.addPostFrameCallback((call) { ^^^^^^^^^^^^^^^^^^^^

FAILURE: Build failed with an exception.

Where: Script 'C:\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1102

What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'.

Process 'command 'C:\flutter\bin\flutter.bat'' finished with non-zero exit value 1

Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

Get more help at https://help.gradle.org

BUILD FAILED in 30s Exception: Gradle task assembleDebug failed with exit code 1
Fixed for next release
opened by abhihasabe 4
createstate conflicts error not able to run or build my app

/C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/animated/animated_height.dart:25:25: Error: Can't declare a member that conflicts with an inherited one. State createState() { ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/appbar.dart:294:18: Error: Can't declare a member that conflicts with an inherited one. _VxAppBarState createState() => _VxAppBarState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/common/velocity_ensure_visible.dart:54:36: Error: Can't declare a member that conflicts with an inherited one. _VxEnsureVisibleWhenFocusedState createState() => ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/common/velocity_zero.dart:66:20: Error: Can't declare a member that conflicts with an inherited one. _VxZeroCardState createState() => _VxZeroCardState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/common/velocity_zero.dart:263:31: Error: Can't declare a member that conflicts with an inherited one. _PKCardProfileSkeletonState createState() => _PKCardProfileSkeletonState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/common/velocity_zero.dart:414:28: Error: Can't declare a member that conflicts with an inherited one. _PKCardPageSkeletonState createState() => _PKCardPageSkeletonState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/dialog.dart:318:22: Error: Can't declare a member that conflicts with an inherited one. VxTimerButtonState createState() => VxTimerButtonState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/drawer.dart:124:18: Error: Can't declare a member that conflicts with an inherited one. _VxDrawerState createState() => _VxDrawerState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/gesture.dart:300:24: Error: Can't declare a member that conflicts with an inherited one. _CallbackButtonState createState() => _CallbackButtonState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/marquee.dart:33:18: Error: Can't declare a member that conflicts with an inherited one. VxMarqueeState createState() => VxMarqueeState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/pinview.dart:78:18: Error: Can't declare a member that conflicts with an inherited one. VxPinViewState createState() => VxPinViewState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/popup_menu.dart:83:21: Error: Can't declare a member that conflicts with an inherited one. _VxPopupMenuState createState() => _VxPopupMenuState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/preview.dart:84:19: Error: Can't declare a member that conflicts with an inherited one. _VxPreviewState createState() => _VxPreviewState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/random.dart:26:21: Error: Can't declare a member that conflicts with an inherited one. _VxRandomBoxState createState() => _VxRandomBoxState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/rating.dart:70:18: Error: Can't declare a member that conflicts with an inherited one. _VxRatingState createState() => _VxRatingState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/shimmer.dart:66:19: Error: Can't declare a member that conflicts with an inherited one. _VxShimmerState createState() => _VxShimmerState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/skeleton.dart:62:19: Error: Can't declare a member that conflicts with an inherited one. VxSkeletonState createState() => VxSkeletonState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/stepper.dart:54:18: Error: Can't declare a member that conflicts with an inherited one. VxStepperState createState() => VxStepperState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/swiper.dart:227:18: Error: Can't declare a member that conflicts with an inherited one. _VxSwiperState createState() => _VxSwiperState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/textfield.dart:100:21: Error: Can't declare a member that conflicts with an inherited one. _VxTextFieldState createState() => _VxTextFieldState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/timeline/timeline_widget.dart:36:20: Error: Can't declare a member that conflicts with an inherited one. _VxTimelineState createState() { ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/toast.dart:168:21: Error: Can't declare a member that conflicts with an inherited one. _VxToastViewState createState() => _VxToastViewState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/velocity_x-3.4.0/lib/src/flutter/widgets.dart:369:25: Error: Can't declare a member that conflicts with an inherited one. State createState() => _KeepAliveState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/vxstate-2.1.0/lib/src/widgets/vxconsumer.dart:29:20: Error: Can't declare a member that conflicts with an inherited one. _VxConsumerState createState() => _VxConsumerState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/vxstate-2.1.0/lib/src/widgets/vxnotifier.dart:28:20: Error: Can't declare a member that conflicts with an inherited one. _VxNotifierState createState() => _VxNotifierState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin ^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/auto_size_text_pk-3.0.0/lib/src/auto_size_text.dart:216:22: Error: Can't declare a member that conflicts with an inherited one. _AutoSizeTextState createState() => _AutoSizeTextState(); ^^^^^^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart:791:13: Context: This is the inherited member. State get createState; // ignore: no_logic_in_create_state, this is the original sin
question Need to reproduce

opened by hostusservices 4

Bug when using with the latest Flutter

Getting below error with the latest Flutter

Error: Cannot run with sound null safety, because the following dependencies
don't support null safety:

- package:velocity_x
- package:animator
- package:vxstate
- package:intl
- package:auto_size_text
- package:states_rebuilder
2

For solutions, see https://dart.dev/go/unsound-null-safety
2

FAILURE: Build failed with an exception.

* Where:
Script '/home/dhirendra/snap/flutter/common/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 1035

* What went wrong:
Execution failed for task ':app:compileFlutterBuildDebug'.
> Process 'command '/home/dhirendra/snap/flutter/common/flutter/bin/flutter'' finished with non-zero exit value 1

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 25s
Exception: Gradle task assembleDebug failed with exit code 1

opened by dhirendralab 4

VxDialog: confirmTextColor, cancelTextColor are ignored
Describe the bug

Function parameters "confirmTextColor" and "cancelTextColor" for VxDialog.showAlert(), VxDialog.showConfirmation(), and VxDialog.showTicker() are unused and don't work as expected.

To Reproduce

Use VxDialog.showConfirmation() with confirmTextColor:

VxDialog.showConfirmation(context, title: "Commit changes?", content: "Are you sure?", onConfirmPress: (){}, cancelBgColor: Colors.white, confirmBgColor: Colors.lightBlue, confirmTextColor: Colors.white );

Expected behavior White text on buttons with confirmTextColor: Colors.white
opened by btraas 0
Example app screen top margin is not right
Describe the bug In the example app, fir first screen list's top coincides with the phone's top bar.

To Reproduce Steps to reproduce the behavior: Run the app on stable branch and you will see that the top margin is not right.

Expected behavior The top of the screen should have some margin so that the text doesn't coincide.

Smartphone (please complete the following information):

Device: iPhone 13

Screenshots This is how it looks right now.

I can change it to look like this:-
opened by AdiAr11 0
Can't get param values with vxNav.push()

Cant' seem to figure out why I can't get the values to items when I call context.vxNav.push(Uri(path: '/completeOrder'), params: item); Value exists but appears as null in the other screen.

opened by ebiboy2 2

VxNavigator issue : Browser Forward & Backward not working

Hey, I'm working on a flutter project and using Velocity X Navigator as a Nav 2.0 router. Now the problem is something like this: When i navigate to a page using context.vxNav.push( Uri(path: MyRoutes.AuthPageRoute, queryParameters: { 'initialRoute': 0.toString(), 'isApplicant': false.toString() }), params: AuthArgs(initialRoute: 0, isApplicant: false)); then i can't go back to the previous page.The buttons are not working. But if i write that route with params on browser to navigate to that page, then the back button on the browser is working.

Seems like when I'm using the Vxnavigator, the browser history stack is getting empty.

Configs : Flutter SDK 3.0.1 VeloxityX : 3.4.0,

Main code

 MaterialApp.router(
        builder: (context, widget) => ResponsiveWrapper.builder(
          BouncingScrollWrapper.builder(context, widget!),
          maxWidth: context.screenWidth,
          minWidth: 480,
          defaultScale: true,
          breakpoints: [
            ResponsiveBreakpoint.resize(600, name: MOBILE),
            ResponsiveBreakpoint.autoScale(800, name: TABLET),
            ResponsiveBreakpoint.resize(1200, name: DESKTOP),
            ResponsiveBreakpoint.autoScale(2460, name: '4K'),
          ],
        ),
        title: 'Crewbella',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),

        routeInformationParser: VxInformationParser(),
        routerDelegate: _routerDeligate.routerDeligate,
      ),
    );

Router Deligate code:

class MyRoutes {
  static String HomePageWebRoute = '/';
  static String LeadGenPageRoute = '/lead-gen';
  static String AuthPageRoute = '/auth';
  static String DynamicLeadPageRoute = '/lead';
}

class RouterDeligate {
  final _routerDeligate = VxNavigator(
      notFoundPage: (uri, params) => MaterialPage(
            key: ValueKey('not-found-page'),
            child: Builder(
              builder: (context) => Scaffold(
                body: Center(
                  child: Text('Page ${uri.path} not found'),
                ),
              ),
            ),
          ),
      observers: [
        MyObs(),
      ],
      routes: {
        MyRoutes.HomePageWebRoute: (uri, params) =>
            MaterialPage(child: HomePageWeb()),
        MyRoutes.AuthPageRoute: (uri, params) => MaterialPage(
                child: AuthPage(
              initialRoute: params.initialRoute,
              isApplicant: params.isApplicant,
            )),
        MyRoutes.LeadGenPageRoute: (uri, params) =>
            MaterialPage(child: LeadGenPage()),
        MyRoutes.DynamicLeadPageRoute: (uri, params) {
          return MaterialPage(
              child: DynamicLinkPage(
            params: uri.queryParameters['id'].toString(),
          ));
        },
      });

  VxNavigator get routerDeligate => _routerDeligate;
}

class RouteGenerator {
  static Route<dynamic>? generateRoute(RouteSettings settings) {
    final args = settings.arguments;
    switch (settings.name) {
      case '/':
        return PageTransition(
            child: HomePageWeb(),
            type: PageTransitionType.fade,
            duration: Duration(milliseconds: 1200),
            settings: settings);
      case '/lead-gen':
        return PageTransition(
            child: LeadGenPage(),
            type: PageTransitionType.leftToRight,
            duration: Duration(milliseconds: 500),
            settings: settings);

      case '/auth':
        if (args is AuthArgs) {
          return PageTransition(
              child: AuthPage(
                initialRoute: args.initialRoute,
                isApplicant: args.isApplicant,
              ),
              type: PageTransitionType.leftToRight,
              duration: Duration(milliseconds: 500),
              settings: settings);
        } else {
          return PageTransition(
              child: AuthPage(
                initialRoute: 0,
                isApplicant: true,
              ),
              type: PageTransitionType.leftToRight,
              duration: Duration(milliseconds: 500),
              settings: settings);
        }
      case '/lead':
        if (args is String) {
          return PageTransition(
              child: DynamicLinkPage(
                params: args,
              ),
              type: PageTransitionType.leftToRight,
              duration: Duration(milliseconds: 500),
              settings: settings);
        } else {
          return PageTransition(
              child: DynamicLinkPage(
                params: '',
              ),
              type: PageTransitionType.leftToRight,
              duration: Duration(milliseconds: 500),
              settings: settings);
        }
      default:
        return null;
    }
  }

  static Route<dynamic> _errorRoute() {
    return MaterialPageRoute(builder: (_) {
      return Scaffold(
        appBar: AppBar(
          title: Text('Error'),
        ),
        body: Center(
          child: Text('ERROR'),
        ),
      );
    });
  }
}

reference video :

https://user-images.githubusercontent.com/38105595/172236213-d423abd1-4a08-48f0-82c2-c75fe08e6510.mp4

@iampawan

Flutter Framework Issue

opened by ShreyamMaity 6

Releases(v3.5.0)

v3.5.0(May 25, 2022)
[Breaking] Colors renamed as per Tailwind BlueGray -> Slate, TrueGray -> Neutral, CoolGray -> Gray, Gray -> Zinc, WarmGray -> Stone, LightBlue -> Sky.

[New] VxStateSwitcher widget added.

[New] Web3 utils added. Check VxWeb3 and some new extension methods.

VxResponsive improved.

VxState updated.

Compatible with Flutter 3.

Minor bug fixes.

Source code(tar.gz)
Source code(zip)
v3.4.0(Jan 14, 2022)
New: .disabled & .clipOval widget extension added & isDarkMode context extension added.

context.locale is now context.vxlocale.

VxText got shadow support.

More string extensions added for json etc.

Many issues solved (Check closed github issues).

Minor bug fixes.

Source code(tar.gz)
Source code(zip)
3.3.0(Jun 17, 2021)
New: VxTable & .table extension.

.scale() method added for text.

hexToAscii utility added.

[Breaking] VxAnimator is now removed. Use animator package rather.

Ticker Mixin issue fixed.

Minor bug fixes.

Source code(tar.gz)
Source code(zip)
3.1.0(May 24, 2021)

New Extensions - .shaderMask() and .safeArea() Added text theme support to textspan Gradient field exposed for VxSkeleton VxTextField now uses TextFormField Examples updated Bug Fixes

VxNavigator 2.0 Updates

Regex support added for URIs VxRoutePage for transitions VxObserver added for checking route changes Bug Fixes

VxState Updates

[Breaking] VxBuilder & VxConsumer now returns store. Store can be directly accessed as MyStore store - VxState.store Status for all async operations Bug Fixes
Source code(tar.gz)
Source code(zip)
3.0.0(Apr 19, 2021)
[3.0.0] - April 19, 2021

New Widget - VxPinView

New Dialogs - VxDialogs

New BottomSheets - VxBottomSheet

New Preview Widget - VxPreview

New Drawers - VxDrawer

Added cursor and other props to VxTextField

Bug Fixes for VxTextField

Breaking - Desktop support added for VxPlatform

Minor Bug Fixes

Source code(tar.gz)
Source code(zip)
2.6.1(Apr 1, 2021)

[2.6.1] - March 31, 2021

Fixed issue with ZStack. Fixed issue with isEmptyOrNull String.
Source code(tar.gz)
Source code(zip)
v2.5.0(Mar 14, 2021)
[2.5.0] - March 13, 2021

VxAnimator added.

VxLayout added for responsiveness.

Direct Text Themes support

Extended & Improved Color Pallete

New Demo Added

Added more gradient options

size percentage widget added for sizedbox and container

Flat button changed to Material button

Fixed nullOK issues

Added more clippers

Added align() method for text and richtext

Improvement in textfield

Added VxState

Minor bug fixes and improvements

Source code(tar.gz)
Source code(zip)
1.4.0(Feb 10, 2021)
Fixed nullOK issues

Added more clippers

Added align() method for text and richtext

Improvement in textfield

Added VxState

Minor bug fixes and improvements

Source code(tar.gz)
Source code(zip)
1.3.1(Dec 31, 2020)
[1.3.1] - Decemeber 29, 2020

Introducing VxShapes with ext: VxCircle -> .circle(), VxEllipse -> .ellipse(), VxCapsule -> .capsule(), VxContinuousRectangle -> .continuousRectangle(), VxBevel -> .bevel(), VxTriangle -> .triangle() and VxTicket -> .ticket()

VxPlatform added to create a common widget for different platforms.

VxAnimator added exposing the animator package.

Added widget support to badge and new positions.

Added isIntrinsic prop for some widgets like DataTable which doesn't support layout builder.

Vx.getColorFromHex() added to convert hex to color.

Label Style and TextStyle added to the VxTextField.

Fixed shadow issues and introduced more shadows for box/container or similar widgets.

More Extensions - context : screenDensity, string: isNumber(),isLetter(), isSymbol(), isCreditCardValid(), bool: toggle(), Iterable: sumBy, sumByDouble, averageBy, filter and more.

Widget Extensions - stroke(), fractionalBox(), px(val), py(val), rotate60(), rotateN60(), clipHalf(), aspectRatio(), and positioned().

withAnimation returns AnimationController to control and dispose it manually.

Many Bug Fixes.

Source code(tar.gz)
Source code(zip)
v1.0.1(Nov 21, 2020)
[1.0.1] - November 21, 2020

Added isFastScrollingEnabled to fast scroll the VxSwiper or swiper ext.

Added .fontWeight method for texts to set custom font weight.

Fixed an issue with compilation with some of the flutter versions.

Fixed an issue with VxScrollVertical and VxScrollHorizontal where the child was not working.

Minor bug fixes.

Source code(tar.gz)
Source code(zip)
1.0.0(Nov 3, 2020)
Added VxTimeline widget.

Added VxSkeleton widget with skeleton extension.

Added VxMarquee widget with marquee extension.

Added VxBadge widget with badge extension.

Added VxToast widget with showToast & showLoading context extension.

Extensions for ScrollController added.

withAnimation & withRepeatAnimation added.

onTap, onInkTap series added for more ease.

VxTextField added.

VxAnimatedHeight added.

Offset, preferredSize, sliverBoxAdapter extensions added.

vxPreviewRoute added along with materialRoute & cupertinoRoute extensions.

expand,backgroundColor,cornerRadius,keepAlive,onFeedBackTap extensions added.

Mouse Region extension methods added.

Material extension added.

Source code(tar.gz)
Source code(zip)
0.5.0(Oct 11, 2020)
Compatible with latest flutter versions.

numCurrency and numCurrencyWithLocale() added.

circularAssetImage, circularNetworImage, circularAssetShadowImage added to string extension methods.

orientation prop added to context extensions.

randomColor, randomOpaqueColor and randomPrimaryColor added to Vx.

VxPopupMenu widget and popupMenu ext Added.

Added timeAgo ext for DateTime.

New extension methods added for Context - mediaquery, theme, navigator, form, scaffold and overlay etc.

New extension methods added for Icon.

New props for VxBox - withContraints(), foregroundDecoration.

New props for VxText family - softWrap(), minFontSize(), maxFontSize(),stepGranularity(),overflowReplacement(),overflow, strutStyle(), wrapWords(), wordSpacing() and textBaseLine(),

Documentations Improved.

[BREAKING] Overflow has been removed and clip has been added with default as Clipbehavior.None. It can affect all the widgets which uses Stack or ZStack.

[BREAKING] ScrollVertical and ScrollHorizontal has been renamed to VxScrollVertical and VxScrollHorizontal to maintain consistency.

Source code(tar.gz)
Source code(zip)
0.4.1(Jul 15, 2020)
Card color issue fixed.

HStack and VStack now has cross alignment as center by default.

Flags added to check debug, release, profile and web mode using Vx class.

Source code(tar.gz)
Source code(zip)
v0.4.0(May 18, 2020)
Uses latest material design text specs.

Shadow color method added to card.

New transform extensions - flipX, flipY, flipHorizontal, flipVertical, customScale

New theme extensions - lightTheme, darkTheme, customTheme

New navigator extensions - nextPage, nextReplacementPage, nextAndRemoveUntilPage, pop.

Bug fixes.

Readme updated.

Source code(tar.gz)
Source code(zip)
v0.3.4(May 3, 2020)

Fixed transform extension issues. Added clip prop to the card and box. Added guard similar to Swift. Many more extensions added for context, iterable and num like duration, sum, theme data, etc. Bug Fixes
Source code(tar.gz)
Source code(zip)
v0.3.2(Apr 13, 2020)

Added VxTextDropDown Widget with textDropDown() ext. Added VxRandomBox Widget with randomBox() ext. Added Vx.log(), Vx.inspect() utilities. Added Vx.isReleaseMode, Vx.isProfileMode, Vx.isDebugMode, Vx.isWeb utilities.. Example App updated. Bug Fixes
Source code(tar.gz)
Source code(zip)
0.3.1(Apr 10, 2020)

Added VxSwiper Widget with swiper() ext. Added VxAppBar Widget with search functionality. Added VxShimmar Widget with shimmer() ext. Added size(), square(), withDecoration() methods to boxes. isMobile prop added for context. Example App updated. Bug Fixes
Source code(tar.gz)
Source code(zip)
0.3.0(Apr 7, 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).

VelocityX -> Vx

VelocityAnimatedBox -> VxAnimatedBox

VelocityConditional -> VxConditional

VelocityConditionalSwitch -> VxConditionalSwitch

VelocityEnsureVisibleWhenFocused -> VxEnsureVisibleWhenFocused

VelocityDevice -> VxDevice

VelocityResponsive -> VxResponsive

VelocityTwo -> VxTwo

VelocityTwoColumn -> VxTwoColumn

VelocityTwoRow -> VxTwoRow

VelocityZeroCard -> VxZeroCard

VelocityZeroList -> VxZeroList

VelocityBox -> VxBox

VelocityXBlock -> VxBlock

VelocityXInlineBlock -> VxInlineBlock

VelocityDiscList -> VxDiscList

VelocityDecimalList -> VxDecimalList

Source code(tar.gz)
Source code(zip)
0.2.0(Apr 1, 2020)

-- Added support for rich text. -- Added support for animated container. -- Added new text style prop for all kinds of texts.
Source code(tar.gz)
Source code(zip)
0.1.2(Mar 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.

Source code(tar.gz)
Source code(zip)
0.1.1(Mar 23, 2020)

Source code(tar.gz)
Source code(zip)