Tutorials

Tutorials for beginner to advanced level

Implementing local notifications in Flutter | Flutter tutorials beginners guide

Local notifications in Flutter allow you to schedule and display notifications to the user, even if the app is not currently running. They are a great way to keep your users engaged and informed about important events or updates within your app. To implement local notifications in Flutter, you will need to use the flutter_local_notifications…

Implementing push notifications in flutter | Flutter tutorials beginners guide | SCODES

Implementing Push Notifications in Flutter: A Step-by-Step Guide Push notifications are an essential feature for many mobile applications, allowing them to deliver important updates and messages to users in real time. Implementing push notifications in Flutter is a straightforward process, and in this article, we’ll guide you through the steps involved. Before we begin, it’s…

Creating custom themes and styles in Flutter for beginners guide | with an example | SCODES

Flutter is an open-source framework for building high-performance, visually appealing mobile applications. It provides a rich set of built-in widgets and tools for creating beautiful and intuitive user interfaces. However, sometimes, you may need to go beyond the built-in widgets and create custom styles and themes for your app to meet your specific design requirements….

Design Patterns in Flutter: Understanding MVC and MVVM | SCODES

Flutter is an open-source framework for building high-performance and visually appealing mobile applications. It’s quickly becoming one of the most popular frameworks for mobile app development. To build robust and maintainable Flutter apps, it’s crucial to understand design patterns and how to apply them. In this article, we’ll take a look at two of the…

Details and advantages about pacakage:js in flutter | SCODES

The package:js package is a powerful library for Dart developers that provides an API for interacting with JavaScript code. This library is particularly useful for developers who want to integrate their Flutter or Dart applications with JavaScript libraries or code. With package:js, you can easily call JavaScript functions, access properties, and pass data between Dart…

GridView in flutter | Common problems and solution | SCODE

A GridView in Flutter is a widget that displays a scrolling grid of widgets. It can be used to display items in a grid-like layout, and it supports scrolling in both horizontal and vertical directions. The basic usage of a GridView in Flutter is as follows: GridView.count( crossAxisCount: 2, children: List.generate(10, (index) { return Container(…

How to use custom JavaScript in Flutter using JS package | with example| Part – 1 | SCODES

Flutter is a popular mobile app development framework that allows you to create high-performance and visually appealing apps for both Android and iOS. However, sometimes you might need to use JavaScript code in your Flutter app, and that’s where the js package comes in. The js package provides a simple way to run JavaScript code…

How to Use JavaScript in Flutter using the js Package with Complex Example | SCODES

In the previous example, we looked at how to use the ‘js‘ package in Flutter to call a JavaScript function and access its return value. In this example, we will look at a more complex scenario where we will pass a Dart object to a JavaScript function and access its properties in JavaScript. Let’s start…

Radio button in flutter | Common problems and solution | SCODE

Radio buttons in Flutter can be implemented using the “Radio” widget. The basic usage of Radio buttons in Flutter is as follows: Radio( value: 1, groupValue: _radioValue, onChanged: (int value) { setState(() { _radioValue = value; }); },), Here, “value” is the value that the Radio button represents, “groupValue” is the currently selected value in…