The Highlight of Dark Mode with Flutter: Trend in User Experience

Mobile applications, which are becoming more widespread day by day, are constantly improving in line with the expectations of the users. In parallel with these developments, dark mode is increasing its popularity in mobile application designs. Especially recently, many major applications offer the dark mode option to their users, and this option is preferred.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark(),
      home:MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Dark Mode App'),
      ),
      body: Center(
        child: Text(
          'You Switched to Dark Mode!',
          style: TextStyle(color: Colors.white),
        ),
      ),
    );
  }
}

One of the issues that developers attach most importance to is user feedback. Designing a window where users can give instant feedback can positively impact the app experience. Creating this type of feedback window with Flutter can be quite easy and effective. It is very important to add this type of feature to increase user satisfaction and get quick feedback.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home:MyFeedbackPage(),
    );
  }
}

class MyFeedbackPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Feedback Window'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // Feedback Window Codes
          },
          child: Text('Give Feedback'),
        ),
      ),
    );
  }
}