Material Neumorphic Toggle Button Group

Part of Material Neumorphic widgets suit.

Usage

Switch with custom thumb (defined with list of ToggleElements)

Widget does not save state

• notifies a ValueChanged<int> : onChanged
• need a selectedIndex parameter

Expanded(
 child: NeumorphicToggle(
   height: 50,
   selectedIndex: _selectedIndex,
   displayForegroundOnlyIfSelected: true,
   children: [
     ToggleElement(
       background: Center(child: Text("This week", style: TextStyle(fontWeight: FontWeight.w500),)),
       foreground: Center(child: Text("This week", style: TextStyle(fontWeight: FontWeight.w700),)),
     ),
     ToggleElement(
       background: Center(child: Text("This month", style: TextStyle(fontWeight: FontWeight.w500),)),
       foreground: Center(child: Text("This month", style: TextStyle(fontWeight: FontWeight.w700),)),
     ),
     ToggleElement(
       background: Center(child: Text("This year", style: TextStyle(fontWeight: FontWeight.w500),)),
       foreground: Center(child: Text("This year", style: TextStyle(fontWeight: FontWeight.w700),)),
     )
   ],
   thumb: Neumorphic(
     boxShape: NeumorphicBoxShape.roundRect(borderRadius: BorderRadius.all(Radius.circular(12))),
   ),
   onChanged: (value) {
     setState(() {
       _selectedIndex = value;
       print("_firstSelected: $_selectedIndex");
     });
   },
 ),
),