Nov 24, 2020Flutter | Custom Tab IndicatorCreate a class that extends Decoration class CustomTabIndicator extends Decoration { final double indicatorHeight; final Color indicatorColor; const CustomTabIndicator({@required this.indicatorHeight, @required this.indicatorColor}); @override TabIndicatorPainter createBoxPainter([VoidCallback onChanged]) { return new TabIndicatorPainter(this, onChanged); } } Create Custom Painter1 min read1 min read
Oct 28, 2020Flutter Localization in my wordsI write articles for my own reference only, whenever I learn stuff, I make use of medium.com to keep note of what things I’m doing to make something work, so in future I can read it in my own words and solve my problem add dependencies dependencies: provider: ^3.1.0 …2 min read2 min read
Aug 30, 2020Flutter | Responsive Layout For Flutter WebFlutter is a powerful tool-kit because it allow us to create build for almost all Operating Systems with single codebase To build app for more than one platform, Responsiveness plays great role So here I would like to write about responsive layout in flutter in short. Device type used by users: Mobile Tablet Desktop We…2 min read2 min read
Aug 28, 2020Flutter | Different ways to create rounded box using Container()In app development, buttons, cards or any thing else looks great if they are rounded slightly. As of now, I came across with two methods mainly but there can be many methods we can round the borders of button or container or card BoxDecoration in Container ClipRRect Widget First let’s…1 min read1 min read
Aug 19, 2020Flutter | Check Connection Status in REALTIMEHi there, In some situation, it is necessary to identify network status on user’s device so that we can show them different screens based on they are online or offline OR they are using mobile data or wifi To do so, we are going to make use of the connectivity…1 min read1 min read
Aug 17, 2020Flutter | Dark and Light theme using providerThemeChanger class extended by ChangeNotifier class ThemeChanger extends ChangeNotifier { ThemeData _themeData; ThemeChanger(this._themeData); getTheme() => _themeData; setTheme(ThemeData theme) { _themeData = theme; notifyListeners(); } } wrap MaterialApp with ChangeNotifierProvider return ChangeNotifierProvider<ThemeChanger>( create: (_) => ThemeChanger(lightTheme), child: MaterialAppParent()); }1 min read1 min read
Aug 5, 2020Flutter-Firestore CRUDCloud Firestore is an amazing service that can be used as a backend in websites or app and it serve data when client is offline and sync that data to server once client gets online Here, I would like to present codes to perform CRUD in firestore using flutter aka…1 min read1 min read
Aug 1, 2020Flutter Firebase Sign In with Different MethodsRequired Packages provider: ^4.3.1 cloud_firestore: ^0.13.7 firebase_auth: google_sign_in: Create instance of firebase auth: final FirebaseAuth _auth = FirebaseAuth.instance; create user model : class User { final String uid; User({this.uid}); } user_model.dart custom user object based on our user model: User _userFromFirebaseUser(FirebaseUser user) { return user != null ? User(uid: user.uid)…2 min read2 min read
