Code Monkey home page Code Monkey logo

contraflutterkit's Introduction

Contra Flutter Kit

Flutter application built on top of contra wireframe kit. Thorough this project i will be developing all the screens in flutter and sharing in couple of series post.

Run and Build

To run the app with few dependencies not having null safety use below command

  • flutter run --no-sound-null-safety

To run the web with few dependencies not having null safety use below command

  • flutter run -d chrome --no-sound-null-safety

To take apk of the app with few dependencies not having null safety use below command

  • flutter build apk --no-sound-null-safety

To take build for the web with few dependencies not having null safety use below command

  • flutter build web --no-sound-null-safety

Kits

Contra flutter kit will be having screens developed in all the categories.

  • Onboarding
  • Login Forms
  • Menus
  • Dialogs
  • Toast
  • Chat Screens
  • Shopping screens
  • Blogs
  • Payment Screens
  • Alarm, Clock, Weather Screens
  • Data Charts
  • Map and Location
  • Content, Text Details
  • Menu And Settings

Screenshots

  • Onboarding and Splash screens

  • Login, Verification, Contact Us Forms

  • Chat Screens

  • Shopping Screen Types

  • Blog Screen Types

  • Payment Screen Types

  • Alarm, Clock, Weather Screens

  • Data Charts

  • Map and Location

  • Content, Text Details

  • Menu And Settings

Project Created & Maintained By

Sabarinathan

Mobile and Backend Engineer (Android | Flutter | Rails)

Mentions

Visitors Count

Loading

License

Copyright 2020 Sabarinathan

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

contraflutterkit's People

Contributors

aniketambore avatar nathansdev avatar yameguun avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

contraflutterkit's Issues

Scroll-Bar

How can i get to show a scrollbar in chat example ?

I've tried

        child: Scrollbar(
          isAlwaysShown: true,
          child: SingleChildScrollView(
            child: Container(
              padding: EdgeInsets.all(24.0),
              child: Column(
                  SizedBox(
                    height: 56,
                  ),
                  ContraText(
                    alignment: Alignment.centerLeft,
                    text: "List",
                  ),
                  SizedBox(
                    height: 24,
                  ),
                  ListView.builder(
                    shrinkWrap: true,
                    padding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
                    physics: NeverScrollableScrollPhysics(),
                    itemCount: _items.length,
                    itemBuilder: (BuildContext context, int index) {
                       return ChatListItemWidget(
                         chat: _items[index],
                         callback: () {
                           _launchChatMessage(_items[index]);
                         },
                       );
                    },
                  ),
. . .

but it does not work

Project not running

When trying to execute, the following errors were reported (repeatedly, several of them)
../../../AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/flutter_svg-0.17.4/lib/src/render_picture.dart:20:9: Error: Type 'PictureInfo' not found.
final PictureInfo picture;

**lib/login/login_form_one.dart:33:23: Error: The getter 'SvgPicture' isn't defined for the class 'LoginFormTypeOne'.

  • 'LoginFormTypeOne' is from 'package:contraflutterkit/login/login_form_one.dart' ('lib/login/login_form_one.dart').
    Try correcting the name to the name of an existing getter, or defining a getter or field named 'SvgPicture'.
    SvgPicture.asset(
    ^^^^^^^^^^**

../../../AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/flutter_svg-0.17.4/lib/src/render_picture.dart:20:9: Error: 'PictureInfo' isn't a type.
final PictureInfo picture;
^^^^^^^^^^^

### attached the execution log

LOG-02172021.txt

Project not running

Im trying to run the project but im getting gradle errors:

  • Where:
    Build file 'C:\Users\fabio\Desktop\ContraFlutterKit\android\app\build.gradle' line: 60

  • What went wrong:
    A problem occurred evaluating project ':app'.

path may not be null or empty string. path='null'

My flutter version is 1.22.0

How to fix this?

Open source license for this project

I want to use the project's theme and components for commercial projects but I was wondering what kind of license is applied to this project, illustrations and other resources since I couldn't find any of code that's mentioned.

Thank you for sharing and working on this awesome project.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.