Breaking News: Grepper is joining You.com. Read the official announcement!

notification slide flutter

Umer Qureshi answered on August 30, 2022 Popularity 3/10 Helpfulness 9/10

answer notification slide flutter

notification slide flutter

Comment

//package flutter_slidable: ^2.0.0
import 'package:flutter/material.dart';
import 'package:flutter_slidable/flutter_slidable.dart';
import 'package:flutter_svg/svg.dart';
import 'package:google_fonts/google_fonts.dart';
import 'home_page.dart';
body: ListView(
          children: [
            SizedBox(height: 10,),
            Slidable(
              // Specify a key if the Slidable is dismissible.
              key: const ValueKey(0),

              // The start action pane is the one at the left or the top side.
              startActionPane: ActionPane(
                // A motion is a widget used to control how the pane animates.
                motion: const ScrollMotion(),

                // A pane can dismiss the Slidable.
                dismissible: DismissiblePane(onDismissed: () {}),

                // All actions are defined in the children parameter.
                children: const [
                  // A SlidableAction can have an icon and/or a label.
                  SlidableAction(
                    onPressed: doNothing,
                    backgroundColor: Color(0xFFFE4A49),
                    foregroundColor: Colors.white,
                    icon: Icons.delete,
                    label: 'Delete',
                  ),
                ],
              ),

              // The end action pane is the one at the right or the bottom side.


              // The child of the Slidable is what the user sees when the
              // component is not dragged.
              child: ListTile(

                leading: Container(
                  child:IconButton(
                    onPressed: () {},
                    icon: SvgPicture.asset(
                      'assets/notiico1.svg',
                    ),
                  ),
                ),
                title: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [Text(
                    'Someone Wants to buy CAC1000',
                    style: GoogleFonts.poppins(
                      textStyle: Theme.of(context).textTheme.displayMedium,
                      fontSize: 12,
                      fontWeight: FontWeight.bold,
                      color: Colors.black,
                    ),
                  ),
                    Text(
                      'Aug 12, 2020 at 12:08 PM',
                      style: GoogleFonts.poppins(
                        textStyle: Theme.of(context).textTheme.displayMedium,
                        fontSize: 12,
                        fontWeight: FontWeight.normal,
                        color: Color(0xff091C3F),
                      ),
                    ),],
                ),
                trailing: IconButton(
                  onPressed: () {},
                  icon: SvgPicture.asset(
                    'assets/reddot.svg',

                  ),
                ),
              ),
            ),
          ],
        ),
        //put at the end 
        void doNothing(BuildContext context) {}

Popularity 3/10 Helpfulness 9/10 Language whatever

Source: Grepper

Tags: flutter slide whatever

Link to this answer
Share Copy Link

Contributed on Aug 30 2022

Umer Qureshi

0 Answers Avg Quality 2/10

notification slide flutter

Contents

More Related Answers

notification slide flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.