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

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:



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;
});
},
),
),

],
),

Continue reading...