Bottom Sheet Widget in Flutter | Flutter Complete Crash Course | Flutter Widgets | 30DaysOfFlutter

Поділитися
Вставка
  • Опубліковано 1 лип 2021
  • #flutter #bottomsheet #flutterwidgets #flutterui
    Code - github.com/akmadan/flutter30d...
    Telegram Channel- t.me/akshitmadan
    Instagram- / akshitmadan. .
    LinkedIn- / akshit-ma. .
    Books for Reference -
    Hands on Flutter Complete Guide - amzn.to/30Yskc1

КОМЕНТАРІ • 8

  • @manishkarki8119
    @manishkarki8119 10 місяців тому +1

    love from nepal bro🇳🇵❣️

  • @erendemir4049
    @erendemir4049 3 роки тому +2

    Dude you are great

  • @balavardhanreddy8581
    @balavardhanreddy8581 2 роки тому

    Thank U very very much bro , now I resolved my issue by watching 2 min of your video I subscribed your channel Lots of love

  • @ArunMonarunmonv
    @ArunMonarunmonv 3 роки тому

    Thank you

  • @mohammedshahidma1563
    @mohammedshahidma1563 3 роки тому

    Waiting for the next video!!!

  • @akshjain5680
    @akshjain5680 Рік тому

    Good video

  • @user-wv9he8uk1e
    @user-wv9he8uk1e 2 роки тому

    Good

  • @tatakaedattebayo8208
    @tatakaedattebayo8208 2 роки тому

    Hope you give reply to me
    Can u change the color of icon inside the modalBottomSheet using inkwell
    Scaffold
    --- body
    ---Card(gesture detector ----- ontap)(print("outer")
    --- ModalBottomSheet
    --- Inkwell(ontap icon color should change)(print("inner")
    Terminal
    outer
    inner
    outer
    then color is changing
    class MyStatelessWidget extends StatefulWidget {
    MyStatelessWidget({
    Key? key,
    }) : super(key: key);
    @override
    State createState() => _MyStatelessWidgetState();
    }
    bool isFavorite = false;
    class _MyStatelessWidgetState extends State {
    @override
    Widget build(BuildContext context) {
    return Center(
    child: GestureDetector(
    onTap: () {
    showModalBottomSheet(
    context: context,
    builder: (BuildContext context) {
    return Container(
    height: 200,
    // color: Colors.amber,
    child: Center(
    child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    mainAxisSize: MainAxisSize.min,
    children: [
    // bottomlisttile(isFavorite: isFavorite, name: "")
    GestureDetector(
    onTap: () {
    setState(() {

    isFavorite = !isFavorite;
    });
    },
    child: new ListTile(
    // trailing: InkWell(
    // child: Icon(Icons.share),
    // ),
    trailing: isFavorite
    ? Icon(
    Icons.favorite,
    color: Colors.yellow
    )
    : Icon(Icons.favorite),
    title: new Text('Your Text',
    style: new TextStyle(
    fontWeight: FontWeight.bold, fontSize: 14.0)),
    ),
    ),
    ],
    ),
    ),
    );
    },
    );
    },
    child: Container(
    height: MediaQuery.of(context).size.height / 4,
    width: MediaQuery.of(context).size.width,
    child: Card(
    child: Image.network(
    'placeimg.com/640/480/any',
    fit: BoxFit.fill,
    ),
    shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10.0),
    ),
    elevation: 5,
    margin: EdgeInsets.all(10),
    ),
    ),
    ),
    );
    }}