In below shown image one text is in middle and another one is in the bottom, how do I do it?
2
Sharing example code to get this type of UI ,
Scaffold( body: Container( width: double.infinity, color: Colors.green, child: Stack( children: [ Center( child: Container(child: Text("Middle Text")), ), Align( alignment: Alignment.bottomCenter, child: Container( margin: EdgeInsets.only(bottom: 20), child: Text("bottom text")), ) ], ), ), );
This is the simple implementation of your design, I prefer you to searching on youtube/any other learning platform for learning flutter
import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold( backgroundColor: const Color.fromARGB(255, 41, 120, 88), body: SafeArea( child: Container( child: Stack( children: [ Center( child: Container( child: const Text( "Gets you Job.", style: TextStyle( color: Colors.white, fontWeight: FontWeight.w700, fontSize: 36), )), ), Align( alignment: Alignment.bottomCenter, child: Container( child: const Text( "c Intropros Technologies", style: TextStyle( color: Colors.white, ), )), ) ], ), ), ), ), ); } }
there’s a lot of learning platform right now, udemy, youtube, and you can read flutter documentation too.
Click here to cancel reply.
2
Answers
Sharing example code to get this type of UI ,
This is the simple implementation of your design, I prefer you to searching on youtube/any other learning platform for learning flutter
there’s a lot of learning platform right now, udemy, youtube, and you can read flutter documentation too.