Flutter Edit and new Item on same component - flutter

Question

At the moment I have a component that edits the info of a Record, it comes from localsorage so I have a FutureBuilder. I want to reuse this component for new records as well but the examples that I find online always have separate components for edit/add.
What is the best practice for this?
Widget build(BuildContext context) {
txtDuration.text = '';
txtDescription.text = '';
return Scaffold(
appBar: AppBar(title: const Text('Detail')),
body: FutureBuilder<Record?>(
future: recordController.getRecord(widget.recordId),
builder: (context, response) {
if (!response.hasData) {
return const Center(child: Text('Loading..'));
} else {
var result = response.data ?? [];
return SingleChildScrollView(
child: Column(children: [
Form(
key: _formKey,
child: Column(
children: [
TextFormField(
//2. textform field with validator logic
validator: (value) {
if (value == null || value.isEmpty) {
return "field cannot be empty";
}
return null;
},
controller: txtDescription,
decoration: const InputDecoration(
hintText: 'Enter the first number',
labelText: 'First Number',
),
),
const SizedBox(height: 20),
TextFormField(
validator: (value) {
if (value == null || value.isEmpty) {
return "field cannot be empty";
}
return null;
},
controller: txtDuration,
minLines: 1,
maxLines: 10,
decoration: const InputDecoration(
hintText: 'Enter the second number',
labelText: 'Second Number',
),
),
const SizedBox(height: 20),
new DropdownButtonHideUnderline(
child: new FutureBuilder<List<Category>>(
future: categoryController.getAll(),
builder: (context, snapshot) {
if (snapshot.hasError) {
return new Container();
} else if (snapshot.hasData) {
return DropdownButton<String>(
isExpanded: true,
value: dropdownValue,
hint: Text('Select a category'),
icon: const Icon(Icons.arrow_drop_down),
onChanged: (String? newValue) {
setState(() {
dropdownValue = newValue!;
});
},
items: snapshot.data!
.map<DropdownMenuItem<String>>(
(Category value) {
return DropdownMenuItem<String>(
value: value.title,
child: Text(value.title),
);
}).toList(),
);
} else {
return CircularProgressIndicator();
}
},
),
),
],
)),
]));
}
}),
bottomNavigationBar: const MenuBottom(),
floatingActionButton:
FloatingActionButton(child: Icon(Icons.save), onPressed: saveSession),
);
}