title: showModalBottomSheet how can i navigate with data
body: <p><a href="https://i.stack.imgur.com/hc2rs.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hc2rs.jpg" alt="enter image description here" /></a><a href="https://i.stack.imgur.com/t0SQd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t0SQd.png" alt="enter image description here" /></a></p>
  <p>When the item in the listview is clicked, I want to move the information to the bottom sheet, but I couldn't find the way.
  Navigator.push(
  context,
  MaterialPageRoute(
  builder: (context) =&gt; customBottomSheet(context),
  ),i tried but it didn't work how can i solve this problem</p>
  <pre><code>return Expanded(
                        child: ListView.builder(
                            shrinkWrap: true,
                            scrollDirection: Axis.vertical,
                            itemCount: coinListForDisplay.length,
                            itemBuilder: (context, index) {
                              return InkWell(
                                onTap: (() {
                                  customBottomSheet(context);
                                }),
                                child: ListViewCard(
                                  name: coinListForDisplay[index].name,
                                  symbol: coinListForDisplay[index].symbol,
                                  imageUrl: coinListForDisplay[index].imageUrl,
                                  price:
                                      coinListForDisplay[index].price.toDouble(),
                                  change:
                                      coinListForDisplay[index].change.toDouble(),
                                  changePercentage: coinListForDisplay[index]
                                      .changePercentage
                                      .toDouble(),
                                ),
                              );
                            }),
                      );```
  </code></pre>