Multiline text in SegmentedButtonItem

[marko-mihajlovic]

Hi! 👋

Firstly, thanks for your work on this project! 🙂
Today I used patch-package to patch react-native-paper@5.12.3 for the project I'm working on.

I needed multiline text in SegmentedButtonItem. So i removed numberOfLines and vertically centered TouchableRipple's content. Would be nice to have option to change those props in next versions.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-paper/src/components/SegmentedButtons/SegmentedButtonItem.tsx b/node_modules/react-native-paper/src/components/SegmentedButtons/SegmentedButtonItem.tsx
index d88f2a4..600859e 100644
--- a/node_modules/react-native-paper/src/components/SegmentedButtons/SegmentedButtonItem.tsx
+++ b/node_modules/react-native-paper/src/components/SegmentedButtons/SegmentedButtonItem.tsx
@@ -214,7 +214,10 @@ const SegmentedButtonItem = ({
         disabled={disabled}
         rippleColor={rippleColor}
         testID={testID}
-        style={rippleStyle}
+        style={[rippleStyle, {    
+          flex: 1,
+          justifyContent: 'center'
+        }]}
         background={background}
         theme={theme}
       >
@@ -236,7 +239,6 @@ const SegmentedButtonItem = ({
             variant="labelLarge"
             style={[styles.label, labelTextStyle, labelStyle]}
             selectable={false}
-            numberOfLines={1}
             maxFontSizeMultiplier={labelMaxFontSizeMultiplier}
             testID={`${testID}-label`}
           >

This issue body was partially generated by patch-package.