Do Widgets tutorial #1
@@ -25,7 +25,12 @@ class GamePage extends StatelessWidget {
|
||||
for (final letter in guess)
|
||||
Tile(letter.char, letter.type)
|
||||
],
|
||||
)
|
||||
),
|
||||
GuessInput(
|
||||
onSubmitGuess: (guess) {
|
||||
/**/print(guess);
|
||||
}
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
@@ -37,6 +42,9 @@ class GuessInput extends StatelessWidget {
|
||||
|
||||
final void Function(String) onSubmitGuess;
|
||||
|
||||
final FocusNode _focusNode = FocusNode();
|
||||
final TextEditingController _textEditingController = TextEditingController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Row(
|
||||
@@ -44,12 +52,20 @@ class GuessInput extends StatelessWidget {
|
||||
Expanded(
|
||||
child: Padding(
|
||||
child: TextField(
|
||||
autofocus: true,
|
||||
controller: _textEditingController,
|
||||
decoration: InputDecoration(
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(35)),
|
||||
),
|
||||
),
|
||||
focusNode: _focusNode,
|
||||
maxLength: 5,
|
||||
onSubmitted: (_) {
|
||||
onSubmitGuess(_textEditingController.text.trim());
|
||||
_textEditingController.clear();
|
||||
_focusNode.requestFocus();
|
||||
},
|
||||
),
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user