DEV Community

Cover image for Flutter & Dart Tips - Week In Review #5

Flutter & Dart Tips - Week In Review #5

Offline Programmer
Full Stack Architect | Problem Solver | Lifelong Learner
・2 min read

Hello Reader,

In this post, I'll share the Flutter\Dart tips I tweeted last week. One of those tweets got more than 35 likes. Can you guess which one?

1- AppBar is the topmost component of the app (or sometimes the bottom-most), the AppBar’s layout contains three components: leading, title, and actions

    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text(
            'App Title',
          centerTitle: true,
          actions: [
              icon: Icon(Icons.logout),
              onPressed: () {},
          backgroundColor: Colors.yellowAccent[600],
          elevation: 50.0,
          leading: IconButton(
            icon: Icon(,
            tooltip: 'Menu Icon',
            onPressed: () {},
          ), //IconButton
          brightness: Brightness.dark,
        body: const Center(
          child: Text(
            style: TextStyle(fontSize: 24),
          ), //Text
        ), //Center
      ); //Scaffold;

Enter fullscreen mode Exit fullscreen mode

2- To write any Dart program, be it a script or a Flutter app, you must define a function called main(). It is the entry point of every app.

    void main() {
    var list = ['London', 'Dublin', 'Paris'];
    list.forEach((item) {
        print('${list.indexOf(item)}: $item');

Enter fullscreen mode Exit fullscreen mode

3- You can change the text color of a button when it’s pressed.

        onPressed: () {},
        style: ButtonStyle(
        foregroundColor: MaterialStateProperty.resolveWith<Color>(
            (Set<MaterialState> states) {
            if (states.contains(MaterialState.pressed)) return;
            return null; // Defer to the widget's default.
        child: Text(
        'Change My Color',
        style: TextStyle(fontSize: 30),

Enter fullscreen mode Exit fullscreen mode

4- The example below is about running a code after dismissing a GetX dialog.

        (value) => runSomeCode(),

Enter fullscreen mode Exit fullscreen mode

5- Enums and extension methods can make code cleaner to read. In the example below, we are converting Enums to Strings.

    enum Cities { London, Dublin, Paris }

    extension ToString on Cities {
    String get name => toString().split('.').last;

    void main() {

Enter fullscreen mode Exit fullscreen mode

6- Dart allows you to create a callable class so you can call the instance of the class as a function

    class WelcomeToTheCity {
    // Defining call method
    String call(String a, String b, String c) => 'Welcome to $a$b$c';

    void main() {
    var welcome_to_city = WelcomeToTheCity();

    // Calling the class through its instance
    var welcome_msg = welcome_to_city('SanDiego ', 'CA ', 'USA');


Enter fullscreen mode Exit fullscreen mode

See you next week. πŸ‘‹πŸ»

Follow me on Twitter for more tips about #coding, #learning, #technology...etc.

Check my Apps on Google Play

Cover image Clem Onojeghuo on Unsplash

Discussion (0)