fix: flow error

Author: Naturalclar

.flowconfig

@@ -1,3 +1,6 @@
+[version]
+^0.237.2
+
 [ignore]
 ; We fork some components by platform
 .*/*[.]android.js
@@ -20,21 +23,24 @@ node_modules/warning/.*
 ; Ignore test files in resolve
 .*/node_modules/resolve/test/.*
 
+; Ignore fbjs flow weak mode
+.*/node_modules/fbjs/lib/.*
+
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
+.*/node_modules/fbjs/.*
 
 [include]
 
 [libs]
 node_modules/react-native/interface.js
 node_modules/react-native/flow/
+flow-typed/
 
 [options]
 server.max_workers=4
 emoji=true
 
-esproposal.optional_chaining=enable
-esproposal.nullish_coalescing=enable
 
 module.file_ext=.js
 module.file_ext=.json
@@ -49,9 +55,12 @@ suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
+suppress_type=$FlowFixMeEmpty
+
+; Errors from built-in Flow library definitions
+exact_by_default=false
+
 
-well_formed_exports=true
-experimental.abstract_locations=true
 
 sharedmemory.heap_size=4000000000
 
@@ -64,8 +73,6 @@ nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
 unnecessary-invariant=warn
-signature-verification-failure=warn
-deprecated-utility=error
 
 [strict]
 deprecated-type

flow-typed/globals.js

@@ -0,0 +1,7 @@
+// @flow
+// Global type definitions to suppress Flow library errors
+
+// Declare global types that are causing issues in Flow's built-in libraries
+declare class Headers {}
+declare class Request {}
+declare class Response {}

js/SegmentedControl.ios.js

@@ -43,7 +43,10 @@ type Props = $ReadOnly<{|
  */
 
 class SegmentedControlIOS extends React.Component<Props> {
-  static defaultProps = {
+  static defaultProps: {|
+    values: $ReadOnlyArray<string | number>,
+    enabled: boolean,
+  |} = {
     values: [],
     enabled: true,
   };
@@ -54,7 +57,7 @@ class SegmentedControlIOS extends React.Component<Props> {
       this.props.onValueChange(event.nativeEvent.value);
   };
 
-  render() {
+  render(): React.Node {
     const {forwardedRef, fontStyle, activeFontStyle, values, ...props} =
       this.props;
     return (

js/SegmentedControl.js

@@ -44,7 +44,7 @@ const SegmentedControl = ({
   const colorScheme = appearance || colorSchemeHook;
   const [segmentWidth, setSegmentWidth] = React.useState(0);
   const animation = React.useRef(new Animated.Value(0)).current;
-  const ref = React.useRef();
+  const ref = React.useRef<?React.ElementRef<typeof View>>(null);
 
   const handleChange = (index: number) => {
     // mocks iOS's nativeEvent
@@ -75,15 +75,17 @@ const SegmentedControl = ({
       Animated.timing(animation, {
         toValue: isRTL * (selectedIndex || 0),
         duration: 300,
-        easing: Easing.out(Easing.quad),
+        easing: Easing.out(Easing.quad.bind(Easing)),
         useNativeDriver: true,
       }).start();
     }
   }, [animation, segmentWidth, selectedIndex]);
 
   React.useEffect(() => {
     if (ref.current) {
-      ref.current.measure((_x, _y, width) => updateSegmentWidth(width));
+      ref.current.measure((_x: number, _y: number, width: number) =>
+        updateSegmentWidth(width),
+      );
     }
   }, [values, updateSegmentWidth]);
 

js/SegmentedControlTab.js

@@ -32,10 +32,10 @@ type Props = $ReadOnly<{|
   testID?: string,
 |}>;
 
-function isBase64(str) {
+function isBase64(str: mixed): boolean {
   const regex =
     /^data:image\/(?:gif|png|jpeg|bmp|webp)(?:;charset=utf-8)?;base64,(?:[A-Za-z0-9]|[+/])+={0,2}/;
-  return str && regex.test(str);
+  return typeof str === 'string' && regex.test(str);
 }
 
 export const SegmentedControlTab = ({

js/SegmentsSeparators.js

@@ -18,7 +18,7 @@ export const SegmentsSeparators = ({
   selectedIndex,
 }: Props): React.Node => {
   const colorScheme = useColorScheme();
-  const hide = (val) => {
+  const hide = (val: number) => {
     return selectedIndex === val || selectedIndex === val + 1;
   };
 

js/types.js

@@ -116,4 +116,8 @@ export type SegmentedControlProps = $ReadOnly<{|
    * Style properties for the slider component (Animated.View)
    */
   sliderStyle?: ViewStyle,
+  /**
+   * Accessibility hint separator text
+   */
+  accessibilityHintSeperator?: string,
 |}>;

package.json

@@ -40,7 +40,7 @@
     "eslint-plugin-ft-flow": "^3.0.11",
     "eslint-plugin-prettier": "^5.0.0",
     "expo": "^46.0.16",
-    "flow-bin": "^0.142.0",
+    "flow-bin": "^0.237.2",
     "husky": "^8.0.1",
     "jest": "^29.2.1",
     "metro-react-native-babel-preset": "0.77.0",