Advertisements How to rewrite this to awoid Don’t use ‘BuildContext’s across async gaps. warning. onPressed: () async { if (snapshot.hasData) { final isRapportExist = await bloc.isRapportExist(); if (isRapportExist) { return; } bloc.submitRapport(); Navigator.pop(context, true); //Don’t use ‘BuildContext’s across async gaps. } }, In such cases usully mounted property used, but where it comes from? if(!mounted)… Read More Don't use 'BuildContext's across async gaps – where does the mounted property come from?

Advertisements I have a Flutter screen that is built with the code below. I expected the ListView widget and the Row widget to have no space between them. But the code produces the results shown in the screen capture instead. How do I get rid of the gap between the two widgets? Material( color: const… Read More How can I remove a gap between my Column children?

Advertisements I have a column that need to show a news category, news title and at the bottom should add the author name. This is what I have now: This is what I want: I need to push the author info at the bottom, this is my widget: import ‘package:flutter/material.dart’; class NewsCardHorizontal extends StatelessWidget {… Read More How to push row at bottom of column

Advertisements If user clicks on any of the checkbox then a textformfield should be displayed below the checkbox to enter the unit configuration. For example when user clicks on a checkbox 1BHK then a textformfield should be visible under it and if he clicks on 2 BHK then a textformfield should be visible under it… Read More I want to display a textfield below if the checkbox is checked in flutter

Advertisements As you can see from the image below, flutter is referencing the wrong versions. Even after moving them into the override section running a flutter pub cache clean What is going on? >Solution : Thats because of caret sign ^. It means that the dependency can be updated to a newer version that is… Read More Flutter is using the wrong versions of all my packages

Advertisements I am trying to design a simple chat bubble with sender’s name and message. Why my row is expanded? HEre is my code: > Container( > padding: const EdgeInsets.symmetric( > horizontal: 10, vertical: 0), > child: Align( > alignment: widget.senderid == > chatState.messages[index].senderid > ? Alignment.topLeft: Alignment.topRight, > child: Container( > decoration: BoxDecoration( >… Read More Why is row expanded?

Advertisements Which is best dependency or method to make flutter responsive to all platforms. I tried using ScreenUtil and Media Query but don’t exactly know how to do it >Solution : Hi Ferox use below Class to make your UI responsive class Responsive extends StatelessWidget { final Widget mobile; final Widget tablet; final Widget desktop;… Read More How to make Flutter Responsive app for all platform

Advertisements I need to set up a widget delimiter in this style. I can’t find how to do it. >Solution : Here is a link that explains how to do it: https://codereis.com/posts/flutter-vscode-tips-tricks/ After you activate the setting, restart Vs Code

Advertisements I am using Icons.verified in flutter and I can change the background color fine, but cannot change the inner tick color. Any way to do that ? const verifiedBadge = Icon( Icons.verified, color: Color(0xFF27aae1), size: 28, ); I looked into the available properties but do not see any secondary, highlightColor or something that might… Read More Is there any way to change Flutter icons "secondary" color?

Advertisements Here as shown the focused border is not taking the whole space. Can anybody explain why and fix it. Here is the code of the TextField : child: Padding( padding: const EdgeInsets.only(left: 20.0), child: TextField( controller: _emailController, decoration: InputDecoration( hintText: ‘Enter your email’, border: InputBorder.none, focusedBorder: OutlineInputBorder( borderSide: const BorderSide(color: Colors.deepPurple), borderRadius: BorderRadius.circular(12), ),… Read More focused border not taking the whole container flutter