Basic widgets : Text and Center

-





Text
The Text widget lets you create a run of styled text within your application.
Source Code :





import 'package:flutter/material.dart';



void main() {                                  // main function  .....

  runApp(Text(                                 // Text Widget  .....

    "Hello Flutter 1.7",                       // data ....

    textAlign: TextAlign.center,               // alignment ....

    textDirection: TextDirection.ltr,          // text direction  ....

  ));

}









Run Applications : Output










See the output of program on top










Center


A widget that centers its child within itself.
Source Code :






import 'package:flutter/material.dart';



void main() {

  // main function  .....

  runApp(

    Center(   //Center Widgets

        child: Text(

      // Text Widget  .....

      "Hello Flutter 1.7", // data ....

      textAlign: TextAlign.center, // alignment ....

      textDirection: TextDirection.ltr, // text direction  ....

    )),

  );

}















Run Applications : Output























































Comments








Post a Comment













Popular posts from this blog









Building Weather App  using MVVM design pattern (Kotlin)






-















    https://github.com/eduxcellence/WeatherApp_Kotlin   MainActivity.kt   Contains View show User Current Weather Report and next day Weather Report.            class   MainActivity : AppCompatActivity () {                         val  TAG :  String?  =  MainActivity :: class .java.simpleName                var  access_key :  String  =  BuildConfig .access_key /*"fc7ca27cdb74949f62f5b936e50db2c3"*/                var  query :  String  =  "Lucknow,Uttar Pradesh,IN"                var  isUp =  false                         //  Check Internet Continuosly                var  TYPE_WIFI  =  1                var  TYPE_MOBILE  =  2                var  TYPE_NOT_CONNECTED  =  0                var  snackbar :  Snackbar?  =  null                val  coordinatorLayout :  CoordinatorLayout?  =  null                var  internetC...








Read more










4. Do Coding






-














Image







  Write your first Flutter app, part 1   Docs  Get started  Write your first app      This is a guide to creating your first Flutter app. If you are familiar with object-oriented code and basic programming concepts such as variables, loops, and conditionals, you can complete this tutorial. You don’t need previous experience with Dart or mobile programming.   This guide is part 1 of a two-part codelab. You can find  part 2  on  Google Developers .  Part 1  can also be found on  Google Developers .   What you’ll build in part 1   You’ll implement a simple mobile app that generates proposed names for a startup company. The user can select and unselect names, saving the best ones. The code lazily generates names. As the user scrolls, more names are generated. There is no limit to how far a user can scroll.   The animated GIF shows how the app works at the completion of part 1.   What you’ll learn in part 1   How to write a Flutter app that looks natural on both...








Read more