To create your section in your place(in iOS — view)

Hey beginners you may know little about container in flutter(if not, container widget that combines common widgets). Let's see a little more

Inside the container, you can keep any widget you want.

Simple Container:

Widget build(BuildContext context) {
  return Container(
    color: Colors.red,
  );
}

This is a simple example of a container

lets Expandable and play with tableview cell without section and with stackView

Im skipping tableView setting steps and into the cell content view :)

simple just drag a stackView and put two view inside it (TopView and bottom view)

contentview
   |
    -----StackView
               |
                ------ TopView
               |
                ------ BottomView

Don’t forget to select the Axis -vertical and Distribution -in any Fill in StackView

then while creating outlet just hide the bottomView like i did

@IBOutlet weak var bottomView: UIView! {
   didSet {
       bottomView.isHidden = true
   }
}

That’s all guys just put the below code at didSelectRowAt

func tableView(_ tableView: UITableView…

This blog will cover all the errors while making an webView app

Get the packages updated version here

Setting up packages

Step 1: Adding dependencies

Add the package at pubspec.yaml file.

dependencies:
  flutter:
    sdk: flutter
  webview_flutter: ^0.3.22+1

Step-2: Importing

import 'package:webview_flutter/webview_flutter.dart';

Setting up Files Permisions

1. Add Internet permission

<uses-permission android:name="android.permission.INTERNET" />

Add this line in file AndroidManifest.xml

file path: android/app/src/main/AndroidManifest.xml

2. Add this key for iOS

<key>io.flutter.embedded_views_preview</key>
<string>YES</string>

file path: iOS/Runner/Info.plist

3. Add full url (with http://www)

return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter WebView example'),
      ),
      body: const WebView(
        initialUrl: 'https://flutter.io',
        javascriptMode: JavascriptMode.unrestricted,
      ),
    );

JavaScriptMode is restricted default. Unrestricted it by adding javascriptMode: JavascriptMode.unrestricted,

What is Swipe Detector?

Just to detect the swipes on Screen, Like Left, Right, up and down, and very simple in a flutter when we add swipedetector package.

• To detect swipes on the screen

Implementing Swipe Detector

Step1: Adding dependencies

Add the package at pubspec.yaml file.

dependencies:
  flutter:
    sdk: flutter
  swipedetector: 1.2.0

Step2: Importing

import 'package:swipedetector/swipedetector.dart';

Swipes

body: SwipeDetector(
  onSwipeRight: () {
    setState(() {
      print("Swiped right");
    });
  },
)

just declareSwipeDetector in the body or as a widget. That's it we can use onSwipeRight or onSwipeLeft or onSwipeUp or onSwipeDown or all at the same time to detect the swipe you want

SwipeDetector( child: ... //You Widget Tree here…

Basically What is Shared Preference?. Just to save the users small size data in App, Like some kind of settings and some Data (Not too much, If much then need to go with some DataBase).

In flutter Shared Preferences are stored in XML format. And it supports in both iOS and Android.

Points to Note

• Shared Preference is to save users small data in App.
• Shared Preference data will lose its data while uninstalling App or while clearing Application Data.
• Don't use Shared Preference as DataBase.

How To implement Shared Preference

Step-1: Adding dependencies for Shared Preference

Add the package at pubspec.yaml file.

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: "<get updated version>"

Step-2: Importing Shared Preference

import 'package:shared_preferences/shared_preferences.dart';

Yes…

Let's have some fun by adding MultiColor for text. So this blog is going to cover how to add multicolor for your UILabel, UITextView, and UIButton

And I created some Extension for it, CodeLink

NSAttributedString

A string that has associated attributes (such as visual style, hyperlinks, or accessibility data) for portions of its text. So we go with NSAttributedString

UILabel and UITextView

So this is the code for making your Text in multiColor

So this blog will be about Setting up OSRM (Open Source Routing Machine) with demo video and explaining HTTP requests

What is OSRM?

OSRM in Open Source Routing Machine. In simple words, you can create your map application like google map using OSRM (FOR FREE!!)

Why OSRM?

• Powerful and efficient engine routing machine for solving shortest road tracks.
• It’s fully open-source and you can host it on your computer without paying for a license

So say bye to google map and create your own map company by using OSRM

How to use it?

I tried OSRM set-up without docker and end up with frustration

Step 0: Docker set-up (If not before)

Ubuntu users just go with…

Difference between Reference and Value

With a simple example, Imagine your friend copying your work and he found some mistake on it. If he corrects that mistake in his work and also in your work its reference type. If he changed only with his work, Then he is selfish (Value type).

The real meaning is if you change the copied value and it affects the original then its a reference type. If it affects only the copied value then its a value type (Selfish one).

Why so like this?

At this time your mind should have a question “Why the hell reference type is affected after copying ?” …