Textfield causes endless repeating error when building the screen Flutter Web - textfield

Question

I'm experiencing a strange error when including textfields in the screen I navigate to.
From ProductsScreen I have a button that pushes NewEditProductScreen passing the ProductBloc to it. Usual Navigator.push way I use to pass bloc to the next screen..
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) =>
BlocProvider.value(
value: BlocProvider.of<
ProductBloc>(context),
child: NewEditProductScreen(
type: 'New',
user: widget.user,
cityDb: widget.cityDb,
regionDb: widget.regionDb,
countryDb:
widget.countryDb),
),
),
);
}
For some reason having Textfield in NewEditProductScreen throws an infinite series of errors, but as the last state print is correct I guess the problem isn't in the bloc itself, and in fact if I comment them out there is no more error.
The app is gonna run on web as well as on devices so to show the correct Textfield I use the same ternaries I use in another screen ( which is set up as this one ) and I don't have a problem there..
Can you spot what I'm doing wrong with this screen? Many many thanks.
class NewEditProductScreen extends StatefulWidget {
final FixitUser user;
final String cityDb;
final String regionDb;
final String countryDb;
final String type;
final Product product;
const NewEditProductScreen(
{Key key,
this.type,
this.product,
this.user,
this.cityDb,
this.regionDb,
this.countryDb})
: super(key: key);
#override
_NewEditProductScreenState createState() => _NewEditProductScreenState();
}
class _NewEditProductScreenState extends State<NewEditProductScreen> {
AutoSizeGroup autoSizeGroup = AutoSizeGroup();
TextEditingController idController = TextEditingController();
String productId = '';
String productName = '';
String brand = '';
String price = '';
String productDescription = '';
String category = '';
bool isPromotion = false;
String vendor = '';
String barcode = '';
String imageUrl = '';
Image productImage;
// Uint8List imageData;
int minimumStock = 0;
int availableQuantity = 0;
int soldQuantity = 0;
#override
void initState() {
super.initState();
}
#override
Widget build(BuildContext context) {
// return BlocProvider<ProductBloc>(
// create: (context) => ProductBloc(),
// lazy: false,
// child: BlocBuilder<ProductBloc, ProductState>(
return BlocBuilder<ProductBloc, ProductState>(
builder: (context, state) => MultiBlocListener(
listeners: [
BlocListener<ProductBloc, ProductState>(
listener: (BuildContext context, ProductState state) {
if (state is PickedImage) {
setState(() {
// productImage = Image.memory(state.imageData);
// imageData = state.imageData;
});
}
if (state is ProductSaved) {
Navigator.pop(context);
}
}),
],
child: Scaffold(
body: Container(
color: Colors.black54,
// key: widget.key,
padding: EdgeInsets.symmetric(horizontal: 100, vertical: 50),
child: Container(
decoration: BoxDecoration(
color: Colors.transparent,
borderRadius: BorderRadius.circular(5),
border: Border.all(color: Colors.redAccent, width: 2),
),
padding: EdgeInsets.all(20),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
// Expanded(
// child: productImage,
// ),
SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
AutoSizeText(
AppLocalizations.instance.text('Product id'),
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w500),
minFontSize: 8,
maxLines: 1,
group: autoSizeGroup,
),
UniversalPlatform.isWeb
? TextField(
readOnly: true,
keyboardType: TextInputType.numberWithOptions(),
textDirection: TextDirection.ltr,
autofocus: true,
controller: idController,
onChanged: (value) {
idController.text = value;
},
)
: UniversalPlatform.isIOS
? CupertinoTextField(
readOnly: true,
keyboardType:
TextInputType.numberWithOptions(),
controller: idController,
onChanged: (value) {
idController.text = value;
},
)
: TextField(
readOnly: true,
keyboardType:
TextInputType.numberWithOptions(),
textDirection: TextDirection.ltr,
autofocus: true,
controller: idController,
onChanged: (value) {
idController.text = value;
},
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
FlatButton(
color: Colors.orangeAccent,
child: AutoSizeText(
AppLocalizations.instance.text('Cancel'),
style: TextStyle(fontSize: 30, color: Colors.white),
minFontSize: 8,
maxLines: 1,
group: autoSizeGroup,
),
onPressed: () {
Navigator.pop(context);
}),
],
)
],
),
),
),
),
),
// ),
);
}
#override
void dispose() {
idController.dispose();
super.dispose();
}
}
And this is the infinite repeating error from Chrome console:
BlocTransaction is Transition { currentState: Instance of 'minified:RS', event: LoadOrders {user: User { displayName: zazza zenigata, email: zazza.zenigata.1976#gmail.com, phone number:, uid: eT9FWzlOgYfAIHZNh3bd28Ay4x32, photoUrl: https://lh3.googleusercontent.com/-8UmwYDOTbQg/AAAAAAAAAAI/AAAAAAAAAAA/AAKWJJOuSPI6gPocRgQMP_kIUFaFdTT_LA/s96-c/photo.jpg}}, nextState: LoadedProducts{ number of products: 0} }
2js_primitives.dart:49 Another exception was thrown: Instance of 'minified:bj<void>'
js_primitives.dart:49 Attempted to build a minified:XI, but it already has an HTML element FLT-OFFSET.
js_primitives.dart:49 Throw of null.
at Object.f (http://localhost:5000/main.dart.js:1788:3)
at XI.bT (http://localhost:5000/main.dart.js:21735:26)
at XI.bT (http://localhost:5000/main.dart.js:21771:6)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
js_primitives.dart:49 Attempted to build a minified:XI, but it already has an HTML element FLT-OFFSET.
js_primitives.dart:49 Throw of null.
at Object.f (http://localhost:5000/main.dart.js:1788:3)
at XI.bT (http://localhost:5000/main.dart.js:21735:26)
at XI.bT (http://localhost:5000/main.dart.js:21771:6)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
js_primitives.dart:49 Attempted to build a minified:XI, but it already has an HTML element FLT-OFFSET.
js_primitives.dart:49 Throw of null.
at Object.f (http://localhost:5000/main.dart.js:1788:3)
at XI.bT (http://localhost:5000/main.dart.js:21735:26)
at XI.bT (http://localhost:5000/main.dart.js:21771:6)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
js_primitives.dart:49 Attempted to build a minified:XN, but it already has an HTML element FLT-PICTURE.
js_primitives.dart:49 Throw of null.
at Object.f (http://localhost:5000/main.dart.js:1788:3)
at XN.bT (http://localhost:5000/main.dart.js:21735:26)
at XN.bT (http://localhost:5000/main.dart.js:21628:6)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)
at XK.bT (http://localhost:5000/main.dart.js:21778:8)
at XI.bT (http://localhost:5000/main.dart.js:21778:8)

Answer 1

Found the problem. It wasn't wrapped in an Expanded Widget.. it's all working now..