Rising Code Challenges

Grid is a layout design system to show items in a list. Today we will learn that how can we create grid in any flutter app. So Grid is just like a box that can be same size or different. Forgot the static grid, Now we will create dynamic grid in flutter app - Let get the example - import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Grid Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'FLutter Grid'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State { @override Widget build(BuildContext context) ...

Grid is a layout design system to show items in a list. Today we will learn that how can we create grid in any flutter app. So Grid is just like a box that can be same size or different. Lets check the example - import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Grid Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'FLutter Grid'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widge...

Theme is the basic need of any mobile app. This is the basically a color combination of app arguments like Status bar color, Nav bar color, Menu Color, Buttons color etc... These all things have same color combination in each other. Now the question is, How to change the theme in Flutter? Actually changing the theme in Flutter is very easy. Flutter library makes the theme change process is very normal. Suppose we have a basic app and we need to change the theme. Let show this in example- This is the demo script of a Flutter app. When you will execute this code, this will show this screen - Now we learn, how to change theme of this demo app. Change the color name at line no 21 from  primarySwatch : Colors.blue , to  primarySwatch : Colors. green , and you the output is - Change the color name at line no 21 from  primarySwatch : Colors.blue , to  primarySwatch : Colors.red, and you the output is -

 Flutter is an awesome framework for develop native iOS and Android app from a single code. Flutter installation:  First of all, You need to download Flutter SDK for your system. Choose your operating system and download it in your directory. Set $PATH variable by directory of your flutter library in your environment variable (On Windows) and in .bash_profile (ON Mac & Linux). After setting $PATH,  your terminal is ready to execute flutter commands. Follow the simple steps to setup and enjoy your Flutter.  Create First APP:        Let's get start the flutter development ( You are familiar with command line interface )- $ flutter create awesome_app $ cd awesome_app $ flutter devices $ flutter run