fix: use container to fix expansion of tab

[shreyas1599]

Fixes #95

I initially made the suggestion to change the padding to 12 from 10, but that didn't work when I tried it on the iPad. Changing to a container with a fixed width did the trick.

[pd4d10]

How about adding Row > Expanded as CupertinoSlidingSegmentedControl's parent? Then it would expand to the full width.

[pd4d10]

The magic number 100 would break again if the word becomes long enough at next time.

[shreyas1599]

I tried using Row > Expanded as I mentioned in the issue. Didn't work

[pd4d10]

I'm not sure if I made it clear. The following code seems work fine.

  Widget _buildTitle(BuildContext context) {
    switch (Provider.of<ThemeModel>(context).theme) {
      case AppThemeType.cupertino:
        return DefaultTextStyle(
          style: DefaultTextStyle.of(context).style.copyWith(fontSize: 14),
          child: Row(
            children: [
              Expanded(
                child: CupertinoSlidingSegmentedControl(
                  groupValue: activeTab,
                  onValueChanged: onTabSwitch,
                  children: tabs.asMap().map((key, text) => MapEntry(
                      key,
                      Padding(
                        padding: const EdgeInsets.symmetric(horizontal: 8),
                        child: Text(text),
                      ))),
                ),
              ),
            ],
          ),
        );
      default:
        return title;
    }
  }

[pd4d10]

Hi, @shreyas1599 , I've pushed an extra commit to make it ready to merge. Feel free to ping me if there are other problems.

[shreyas1599]

Hi, @pd4d10 sorry for the late reply. I understood my mistake. My mistake was that I put Row > Expanded under CupertinoSlidingSegmentedControl.