I’m making an attempt to create a responsive Flutter format that seems to exceed the display screen measurement. I’ve tried to create a “single line” alike design with Versatile
, however it didn’t work properly (utilized for Row
, and every merchandise individually. Concepts? :c
Present consequence:
Row(
kids: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 4.0),
child: Text(
provider != null
? 'This account is verified because it's an official'
: 'This account is verified.',
style: GoogleFonts.lato(fontSize: 15),
),
),
if (provider != null) ...[
Row(
children: <Widget>[
Text(provider!,
style: GoogleFonts.lato(
fontSize: 15, color: authorizationZoneColor)),
Text(
' provider.',
style: GoogleFonts.lato(fontSize: 15),
),
],
)
],
TextButton(
onPressed: () async {},
model: ButtonStyle(
overlayColor:
MaterialStateProperty.all(Colours.clear),
minimumSize:
MaterialStateProperty.all<Dimension>(const Dimension(0, 0)),
padding: MaterialStateProperty.all<EdgeInsets>(
const EdgeInsets.all(0)),
tapTargetSize: MaterialTapTargetSize.shrinkWrap),
baby: Textual content('Study extra.',
model: GoogleFonts.lato(
fontSize: 15, coloration: authorizationZoneColor)),
)
],
)