style: correct segmented buttons container styles (#3890)

Author: lukewalczak

example/src/Examples/SegmentedButtons/SegmentedButtonMultiselectRealCase.tsx

@@ -51,6 +51,7 @@ const SegmentedButtonMultiselectRealCase = () => {
       <FlatList
         data={value.length > 0 ? filteredData : restaurantsData}
         keyExtractor={(item) => item.id}
+        contentContainerStyle={styles.contentContainer}
         renderItem={({ item }) => {
           return (
             <Card mode="contained" style={styles.card}>
@@ -75,6 +76,10 @@ const SegmentedButtonMultiselectRealCase = () => {
 const styles = StyleSheet.create({
   container: {
     marginVertical: 16,
+    flex: 1,
+  },
+  contentContainer: {
+    paddingBottom: 16,
   },
   card: {
     marginHorizontal: 16,

example/src/Examples/SegmentedButtons/SegmentedButtonRealCase.tsx

@@ -32,6 +32,7 @@ const SegmentedButtonRealCase = () => {
       <FlatList
         data={value === 'songs' ? songsData : albumsData}
         keyExtractor={(item) => item.id}
+        contentContainerStyle={styles.contentContainer}
         renderItem={({ item }) => {
           return (
             <Card mode="contained" style={styles.card}>
@@ -56,6 +57,10 @@ const SegmentedButtonRealCase = () => {
 const styles = StyleSheet.create({
   container: {
     marginVertical: 16,
+    flex: 1,
+  },
+  contentContainer: {
+    paddingBottom: 16,
   },
   card: {
     marginHorizontal: 16,