buttonBar.dart

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return MyAppState();
  }
}

enum Options { referrals, stats, editProfile }

class MyAppState extends State<MyApp> {
  var option = Options.referrals;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Padding(
          padding: const EdgeInsets.all(50.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Card(
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(10.0),
                ),
                color: Colors.blue,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  children: <Widget>[
                    Padding(
                      padding: const EdgeInsets.all(4.0),
                      child: InkWell(
                        child: Container(
                          decoration: BoxDecoration(
                              color: option == Options.referrals
                                  ? Colors.white
                                  : Colors.transparent,
                              borderRadius: BorderRadius.only(
                                  topLeft: Radius.circular(10),
                                  bottomLeft: Radius.circular(10))),
                          child: Center(
                            child: Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: Text(
                                "Refferals",
                                style: TextStyle(
                                    color: option == Options.referrals
                                        ? Colors.blue
                                        : Colors.white),
                              ),
                            ),
                          ),
                        ),
                        onTap: () {
                          setState(() {
                            option = Options.referrals;
                          });
                        },
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.all(4.0),
                      child: InkWell(
                        child: Container(
                          decoration: BoxDecoration(
                            color: option == Options.stats
                                ? Colors.white
                                : Colors.transparent,
                          ),
                          child: Center(
                            child: Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: Text(
                                "Stats",
                                style: TextStyle(
                                    color: option == Options.stats
                                        ? Colors.blue
                                        : Colors.white),
                              ),
                            ),
                          ),
                        ),
                        onTap: () {
                          setState(() {
                            option = Options.stats;
                          });
                        },
                      ),
                    ),
                    Padding(
                      padding: const EdgeInsets.all(4.0),
                      child: InkWell(
                        child: Container(
                          decoration: BoxDecoration(
                              color: option == Options.editProfile
                                  ? Colors.white
                                  : Colors.transparent,
                              borderRadius: BorderRadius.only(
                                  topRight: Radius.circular(10),
                                  bottomRight: Radius.circular(10))),
                          child: Center(
                            child: Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: Text(
                                "Edit Profile",
                                style: TextStyle(
                                    color: option == Options.editProfile
                                        ? Colors.blue
                                        : Colors.white),
                              ),
                            ),
                          ),
                        ),
                        onTap: () {
                          setState(() {
                            option = Options.editProfile;
                          });
                        },
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}