Flutter: Using onChanged to show input text

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: new MyTextInput()

class MyTextInput extends StatefulWidget {
  MyTextInputState createState() => new MyTextInputState();
  class MyTextInputState extends State{

    String result = "";

    Widget build(BuildContext context){
      return new Scaffold(
        appBar: new AppBar(title: new Text("Input Text"), backgroundColor: Colors.deepOrange),
        body: new Container(
          child: new Center(
            child: new Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                new TextField(
                  decoration: new InputDecoration(
                    hintText: "Type in here"
                  //onChanged is called whenever we add or delete something on Text Field
                  onChanged: (String str){
                      result = str;
                //displaying input text
                new Text(result)

Leave a Reply

Your email address will not be published. Required fields are marked *