title: Inkwell showing two ripple effect
body: <pre><code> PopupMenuItem(
              value: 1,
              height: 90.w,
              child: InkWell(
                onTap: () {
                  setState(() {
                    status = &quot;Online&quot;;
                  });
                  Navigator.pop(context);
                },
                child: Container(
                  margin: EdgeInsets.only(top: 3, bottom: 3, left: 3, right: 3),
                  child: Row(
                    children: &lt;Widget&gt;[
                      Image.asset(&quot;images/online_list.png&quot;,
                          width: 25.w, height: 25.w),
                      Padding(
                        padding: EdgeInsets.only(left: 20.w),
                        child: CustomText('Online', MyApp.subDetailTextSize,
                            FontWeight.w500, MyApp.blackText, 'Lato'),
                      ),
                    ],
                  ),
                ),
              ),
            ),
  </code></pre>
  <p>So this is my code and when I click the item it shows ripple effect inside row and outside too i.e 2 ripple effect at same time. I want to remove the inner one which was around the row.</p>
  <p>I tried removing container and its margin it didn't worked that way too.</p>