Tag: widget formatting

  • Flutter Widget Formatting

    //FileName: question.dart
    import 'package:flutter/material.dart';
    
    class Question extends StatelessWidget {
      /*
      * final keywords tells dart that this value will never change after its
      * initialization here int he constructor
       */
      final String questionText;
    
      /* Lets have a constructor to initialize this widget class questionText
      *  Now the first positional argument passed to this constructor will be stored in
      *  questionText variable
       */
      Question(this.questionText);
    
      @override
      Widget build(BuildContext context) {
        return Container(
          width: double.infinity, //double.infinity means occupy the whole screen (width in this case)
          margin: EdgeInsets.all(10), //apply margin of 10 pts to all 4 sides
          child: Text(
            questionText,
            style: TextStyle(fontSize: 26),
            textAlign: TextAlign.center,
          ), //Text
        ); //Container()
      } //build
    } //Question
    
    Output – Formatted Flutter Widget

    Happy Coding!