ปิดโปรเจ็ค สร้างโปรเจ็คใหม่
ทำการลบโค้ดที่ไม่จำเป็นออก เพื่อทำการเขียนใหม่
x
63
63
1
import 'package:flutter/material.dart';2
3
void main() {4
runApp(const MyApp());5
}6
7
class MyApp extends StatelessWidget {8
const MyApp({super.key});9
10
// This widget is the root of your application.11
@override12
Widget build(BuildContext context) {13
return MaterialApp(14
title: 'Flutter Demo',15
theme: ThemeData(16
17
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),18
useMaterial3: true,19
),20
home: const MyHomePage(title: 'Flutter Demo Home Page'),21
);22
}23
}24
25
class MyHomePage extends StatefulWidget {26
const MyHomePage({super.key, required this.title});27
28
29
final String title;30
31
@override32
State<MyHomePage> createState() => _MyHomePageState();33
}34
35
class _MyHomePageState extends State<MyHomePage> {36
int _counter = 0;37
38
void _incrementCounter() {39
setState(() {40
41
_counter++;42
});43
}44
45
@override46
Widget build(BuildContext context) {47
48
return Scaffold(49
appBar: AppBar(50
51
backgroundColor: Theme.of(context).colorScheme.inversePrimary,52
53
title: Text(widget.title),54
),55
body: Center(56
57
58
),59
60
);61
}62
}63
การกรอกและแสดงผล เมื่อกรอกข้อมูลลงใน input text แล้วให้แสดงผลที่กรอกลงไปเมื่อกดปุ่ม
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
TextEditingController _inputText=TextEditingController();
void _incrementCounter() {
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
title: Text(widget.title),
),
body: Center(
child:Column(
children: <Widget>[
Text('แสดงผลค่าที่กรอกลงมา '+_inputText.text),
TextField(
keyboardType: TextInputType.number,
controller: _inputText,
),
ElevatedButton(onPressed: (){
setState(() {
});
}, child: Text('Update'))
],
),
),
);
}
}