Patrocinado

ফ্লাটারে ন্যাভিগেশন

0
3

ফ্লাটার অ্যাপে এক স্ক্রিন থেকে অন্য স্ক্রিনে যাওয়ার জন্য রয়েছে Navigator.push()। আবার ব্যাক যাওয়ার জন্য রয়েছে Navigator.pop()। এখানে একটা উদাহরণ দেখিঃ

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Navigation',
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Home Screen")),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => SecondScreen()),
            );
          },
          child: Text("Go to Second Screen"),
        ),
      ),
    );
  }
}

class SecondScreen extends StatelessWidget {
  const SecondScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Second Screen")),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.pop(context); // Go back to HomeScreen
          },
          child: Text("Go Back"),
        ),
      ),
    );
  }
}

উপরের কোডে আমরা দুইটা স্ক্রিন/ উইজেট তৈরি করেছি। একটা হচ্ছে হোম স্ক্রিন। আরেকটা হচ্ছে সেকেন্ড স্ক্রিন। হোম স্ক্রিনে একটা বাটন যোগ করেছি। যেখানে ক্লিক করলে সেকেন্ড স্ক্রিনে ন্যাভিগেট করবে।

নতুন একটা স্ক্রিনে গেলে অটোমেটিক টাইটেল বারে ব্যাক বাটন যোগ করে দিবে। যা আমরা আবার প্রয়োজন মত মডিফাই করতে পারব। তার জন্য অ্যাপবারে automaticallyImplyLeading: false যোগ করতে হবে।

appBar: AppBar(
        title: Text("Second Screen"),
        automaticallyImplyLeading: false, // Hides the back button
      ),

Pesquisar
Categorias
Leia Mais
Hacking Course
গুগলের ‘Taara’ দিচ্ছে উচ্চগতির ইন্টারনেট! স্টারলিংক প্রতিদ্বন্দ্বী? - Banglatech24.com
ইন্টারনেটের যুগে আমরা দ্রুতগতির সংযোগের ওপর নির্ভরশীল হয়ে পড়েছি। কিন্তু এখনো অনেক অঞ্চল আছে...
Por Nettumi 2026-09-25 09:38:18 0 51
Tech
নতুন দুটি পোকো স্মার্টফোন নিয়ে আসলো শাওমি - Banglatech24.com
নতুন দুইটি স্মার্টফোন, পোকো এম৪ প্রো ও পোকো এক্স৪ প্রো ৫জি ঘোষণা করলো পোকো। পোকো এক্স৪ প্রো তে...
Por Nettumi 2026-09-25 10:15:48 0 26
Nulled
TongTang v1.1 - Laravel Short Video Sharing Platform Nulled (Likee Clone)
Free Download TongTang v1.1 – Laravel Short Video Sharing Platform Nulled, TongTang is...
Por Nettumi 2026-09-18 03:50:49 0 56
Hacking Course
শাওমি রেডমি কে৭০ সিরিজ এলো দুর্দান্ত পারফর্মেন্স নিয়ে - Banglatech24.com
শাওমির সাব-ব্র‍্যান্ড রেডমির কে (K) সিরিজের ফোনগুলো বেশ পরিচিত এদের “ভ্যালু ফর...
Por Nettumi 2026-09-25 09:41:26 0 28
Nulled
Bixol v1.0 - Cleaning Services HTML Template Free
Bixol v1.0 – Cleaning Services HTML Template Free Download. Bixol is a Modern, Clean and...
Por Nettumi 2026-09-18 03:29:05 0 49
‎ ‎ ‎
Nettumi https://nettumi.com