Shuttle INKWELL & ink components

Flutter InkWell & Ink Components

• InkWell The component can display the water ripple effect when the user clicks .
• Ink The component can apply the water ripple effect to the decoration .

InkWell(
    onTap: () {},
    splashColor: Colors.red,
    child: const Padding(
        padding: EdgeInsets.all(10),
        child: Text("InkWell Water ripple effect "),
    ),
)

InkWell(
    onTap: () {},
    highlightColor: Colors.blue,
    child: const Padding(
        padding: EdgeInsets.all(10),
        child: Text("InkWell Highlight effect "),
    ),
)

InkWell(
    onTap: () {},
    splashColor: Colors.red,
    highlightColor: Colors.blue,
    child: const Padding(
        padding: EdgeInsets.all(10),
        child: Text("InkWell Mixed effects "),
    ),
)

Ink(
    decoration: const BoxDecoration(
        gradient: LinearGradient(
            colors: [Color(0xFFDE2F21), Color(0xFFEC592F)],
        ),
        borderRadius: BorderRadius.all(Radius.circular(20)),
    ),
    child: InkWell(
        onTap: () {},
        borderRadius: const BorderRadius.all(Radius.circular(20)),
        child: Container(
            padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 20),
            child: const Text(
                "Ink&InkWell",
                style: TextStyle(color: Colors.white),
            ),
        ),
    ),
)