Quantcast
Channel: Active questions tagged row - Stack Overflow
Viewing all articles
Browse latest Browse all 479

How can I make a Row with a Textfield and two stacked radio buttons in Flutter?

$
0
0

I have a TextField to enter the year and two RadioListTiles for AD or BC. I would like to have a Row with the TextField first, and then the RadioListTiles stacked after that and in a smaller font size. Can someone help?

Here's what it looks like now:

enter image description here

And here is the code:

          TextField(              focusNode: inputNode,              autofocus: true,              keyboardType: const TextInputType.numberWithOptions(),              controller: yearController,              decoration: const InputDecoration(                border: OutlineInputBorder(),                labelText: "Enter the Year of the Event",              )),          Row(            children: [              Flexible(                child: RadioListTile<Era>(                  title: const Text('A.D.'),                  value: Era.ad,                  groupValue: _era,                  onChanged: (Era? value) {                    setState(() {                        _era = value;                      });                  },                ),              ),              Flexible(              child: RadioListTile<Era>(                title: const Text('B.C.'),                value: Era.bc,                groupValue: _era,                onChanged: (Era? value) {                  setState(() {                      _era = value;                    });                },                ),              ),            ],          ),

Viewing all articles
Browse latest Browse all 479

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>