My first app in flutter is Background color changer with coder vlog

Hello guys, In this article I will share my first experience related to flutter and  I will share my very first app in flutter. First of all my flutter experience was outstanding because flutter is extremely fast and flutter has one codebase for both android and IOS, flutter uses dart programming language which is easy to learn, for beginner and starter I will recommend you to learn flutter because it will make your life easy in mobile app development.

flutter app

Let's talk about flutter, well flutter is not programming language its toolkit, I have idea about flutter how things works in flutter like java or python uses object oriented programming concept similar flutter uses widget concept, in flutter every thing is considered as widget for example class is widget, button is widget and a function is considered as widget. So if you understand widget then you understand 70 percent of flutter. There are two types of widgets in flutter that is stateless widget and stateful widget. Stateless widget in flutter is static can not be changed in runtime while stateful widget can be changed at runtime.

My First app in flutter

My very first app in flutter is background color changer, when user click on screen it will random select any color from color list and display it on background, this is very basic app in flutter because I am also learning flutter, I will share my source code you can check it. 

import 'dart:math';
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: 'Bg Changer',
      theme: ThemeData(
        
        primarySwatch: Colors.blue,
        // This makes the visual density adapt to the platform that you run
        // the app on. For desktop platforms, the controls will be smaller and
        // closer together (more dense) than on mobile platforms.
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
 
 List<Color> randomColors = [

Colors.white10,
Colors.yellow,
Colors.amber,
Colors.blue,
Colors.deepOrange,
Colors.deepPurple


 ];

int index = 0;
Color currentColor = Colors.tealAccent;

void changeColor(){
  setState(() {
    index = Random().nextInt( randomColors.length  );
    currentColor = randomColors [index];
  });
}

  @override
  Widget build(BuildContext context) {
    return Container(
      
      decoration: BoxDecoration(
        color: currentColor
      ),
      child: FlatButton(

      splashColor: Colors.transparent,
      highlightColor: Colors.transparent,  
      onPressed: changeColor, 
      child: Text(
        "Click Me to change background color",
        textAlign: TextAlign.center,
        style: TextStyle(
          fontSize: 22.0,
          color: Colors.white70,
          fontWeight: FontWeight.bold
        )
      )
      ),

    );
  }
}

In the end, I will say that flutter is best for mobile app development and also for beginner, in the coder vlog there will be series of article regarding flutter from basics so stay tuned and also watch video of flutter for more understanding.