Breaking News: Grepper is joining You.com. Read the official announcement!

how to retrieve text from textfield

Angry Armadillo answered on September 14, 2023 Popularity 1/10 Helpfulness 1/10

answer how to retrieve text from textfield

how to retrieve text from textfield

Comment

import "package:flutter/material.dart";
 
void main() => runApp(const MyApp());
 
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
 
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Home(),
    );
  }
}
 
class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);
 
  @override
  // ignore: library_private_types_in_public_api
  _HomeState createState() => _HomeState();
}
 
class _HomeState extends State<Home> {
  final titleController = TextEditingController();
  String text = "No Value Entered";
 
  void _setText() {
    setState(() {
      text = titleController.text;
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('GeeksforGeeks'),
        backgroundColor: Colors.green,
      ),
      body: Column(
        children: [
          Padding(
            padding: const EdgeInsets.all(15),
            child: TextField(
              decoration: const InputDecoration(labelText: 'Title'),
              controller: titleController,
            ),
          ),
          const SizedBox(
            height: 8,
          ),
          ElevatedButton(
              onPressed: _setText,
              style: ButtonStyle(
                  elevation: MaterialStateProperty.all(8),
                  backgroundColor: MaterialStateProperty.all(Colors.green)),
              child: const Text('Submit')),
 
          // RaisedButton is deprecated and should not be used
          // Use ElevatedButton instead
 
          // RaisedButton(
          //   onPressed: _setText,
          //   child: Text('Submit'),
          //   elevation: 8,
          // ),
          const SizedBox(
            height: 20,
          ),
          Text(text),
        ],
      ),
    );
  }
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: www.geeksforgeeks.org

Tags: text textfield whatever

Link to this answer
Share Copy Link

Contributed on Sep 14 2023

Angry Armadillo

0 Answers Avg Quality 2/10

how to retrieve text from textfield

Contents

More Related Answers

how to retrieve text from textfield

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.