Passing Data pada Flutter

Cara Passing Data Antar Form atau Halaman pada Flutter – Dalam membuat aplikasi mobile, terutama dengan framework Flutter biasanya kita akan melibatkan lebih dari satu (banyak) halaman atau form. Jika input yang kita berikan pada user atau pengguna aplikasi terlalu banyak, maka biasanya kita akan membagi menjadi beberapa form atau halaman input, namun form-form yang diinput oleh user tentu saja harus kita jadikan satu datanya sebelum dikirim ke server.

Contoh :

Main.dart :

import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';

class Todo{
  final String title;
  final String description;

  Todo (this.title, this.description);
}

void main() {
  runApp(MaterialApp(
    title: 'Kirim Data Page',
    debugShowCheckedModeBanner: false,
    home: TodosScreen(
      todos:List.generate(10, (i) => Todo('Judul Berita $i', 'Silahkan Isi Berita Anda Sendiri $i',
      ),
      ),
    ),
  ));
}

class TodosScreen extends StatelessWidget{
  final List<Todo>todos;
  TodosScreen({Key key, @required this.todos}):super(key: key);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('List Berita'),
        backgroundColor: Colors.blue,
      ),
      body: ListView.builder(
          itemCount: todos.length,
          itemBuilder: (context,index){
        return ListTile(
        title: Text (todos[index].title),
        onTap:(){
          Navigator.push(
          context,
          MaterialPageRoute(
          builder:(contex)=>DetailScreen(todo:todos[index]),
          ),
          );
    },
    );
    },
      ),
    );
  }
}

class DetailScreen extends StatelessWidget{
  final Todo todo;

  DetailScreen({Key key, @required this.todo}):super(key: key);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text(todo.title),
        backgroundColor: Colors.blue,
      ),

      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Text(todo.description),
      ),
    );
  }
}

spot_imgspot_img

Subscribe

Related articles

Memanfaatkan Include Dan Required Function Pada PHP

 Halo teman-teman sobat baraja udacoding, selamat datang kembali di...

CARA MEMBUAT KONEKSI DATABASE DI PHP

Halo teman-teman, selamat datang kembali di baraja uda coding....

Pseudo Class Dan Penggunaannya part 2

Anchor Pseudo-classesMerubah link dengan beberapa cara yang berbeda tergantung...

Gridview and Container with Random Colors

Hallo sobat flutter, selamat pagi, siang, sore, malam. Apa...

Mengenal Pseudo Element Dan Penggunaannya part 2

Seperti yang kita semua ketahui tentang Pseudo Element pada artikel...
spot_imgspot_img

LEAVE A REPLY

Please enter your comment!
Please enter your name here