Example code for Nested Navigation Nav2 with more than 3 pages/screens Using Getx5

[wilz055]

How do we navigate from homePage( button with onTap action) to the below path with or without removing bottom navigation bar
ex:

onTap(){
//Get.toNamed("/:categoryType/:subCategoryType/ProductDetails/:productID");
Get.toNamed("/vegetables/fresh/ProductDetails/6728");
//or 
Get.toNamed("/vegetables/fresh/6728");

}

And also If we want to keep the bottom navigation bar intact how to do we do it
based on existing example (product/productid) it works with only one child
if we set
participatesInRootNavigator: false
bottom navigation wont show up.
how can we achieve the above, Is it possible to implement the below example.

Getx version: 5.0.0-release-candidate-9.2
@jasonlaw @lsm @lemps @alindeman