manofi21
4/18/2020 - 3:12 PM

hero_widget, untuk menambah tansisi suatu widget(seperti text atau image). Ketika sebuah widget dibungkus widget hero, widget yang di bungku

hero_widget, untuk menambah tansisi suatu widget(seperti text atau image). Ketika sebuah widget dibungkus widget hero, widget yang di bungkus akan mendapatkan animasi berpindah posisi ketika berpindah halaman.

hero_widget.dart
content_copyfile_download
//page one.dart

....
  InkWell(
    onTap: () {
          Navigator.of(context).push(
            MaterialPageRoute(builder: (ctx) => Lohe()),
          );
    },
    child: ListTile(
      leading: Hero(
        // tag: untuk memberikan tanda/ penghubung dengan widget di nextpage.
        // tag di kedua halaman harus sama.
          tag: 'my-hero-animation-tag',
        // jika menggunakan text pada hero, bungkus dengan material untuk menghilangkan garis kuning. Karena saat transisi 
        // , text tidak berada pada scafflod jadi akan ada garis kuning dan warnanya merah.
          child: Material(
              color: Colors.transparent,
              child: Text(
                " _heroTypeList[index].subTitle",
                overflow: TextOverflow.ellipsis,
              ))),
      title:
          Text('Tap on the photo to view the animation transition.'),
    )),
.......
  
//page two.dart
.......
  Hero(
    tag: 'my-hero-animation-tag',
    child: Material(
        color: Colors.transparent,
        child: Text(
          " _heroTypeList[index].subTitle",
          overflow: TextOverflow.ellipsis,
        )))
...........