_flowtyped

files i use in my flow-typed dir

me.js

type IdStr = string;
type Id = number;
type UTC = number; // Date.now

react-native-interactable.js

type InteractableSnap = (e: { nativeEvent:{ id:null|string, index:number }}) => void

react-native.js

// @flow

import type { StyleObj } from 'react-native/Libraries/StyleSheet/StyleSheetTypes'
import type { ImageSource as ImageSourceType } from 'react-native/Libraries/Image/ImageSource'
import type { Styles as StylesType, StyleSheet as StyleSheetTypeType } from 'react-native/Libraries/StyleSheet/StyleSheet'

type ImageSource = ImageSourceType;
type Style = StyleObj;
type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
type FontStyle = 'normal' | 'italic';
type FontSize = number;
type StyleSheetStyle = number;
type Styles = StylesType;
type StyleSheetType = StyleSheet;
type Color = string;

type TextProps = {};
type TouchableHighlightProps = {};

type AnimatedValue = *;
type AnimatedCallback = ({ finished:boolean }) => void

type LayoutEvent = { nativeEvent:{ layout:{ width:number, height:number, x:number, y:number } } };
type ImageLoadEvent = { nativeEvent:{ source:{ width:number, height:number } } };
type ScrollEvent = {
    nativeEvent: { // tested on android 6.0/23 for onScroll and onMomentScrollEnd on <ScrollView>
        contentInset: { bottom:number, left:number, right:number, top:number },
        contentOffset: { x:number, y:number },
        contentSize: { height:number, width:number },
        layoutMeasurement: { height:number, width:number },
        responderIgnoreScroll: boolean,
        target: number,
        velocity: { x:number, y:number }
    }
}

// FlatList
type RenderItemArg ={|
    item: {| // not really exact, but i need it exact as i spread it. it also has each DataItem
        key: string,
        // ...DataItem
    |},
    index: number,
    separators: {| // seen on android rn 0.53.3
        highlight: () => void,
        unhighlight: () => void,
        updateProps: () => void
    |}
|}
type RenderItem = RenderItemArg => Element
type ScrollToIndex = ({ animated?:boolean, index:number, viewOffset?:number, viewPosition?:number }) => void // https://github.com/facebook/react-native/blob/master/Libraries/Lists/FlatList.js#L345

// Keyboard listener
type KeyboardDidShowEvent = { // tested on android 6.0/23
    endCoodrinates: {
        height: number,
        screenX: number,
        screenY: number, // float
        width: number
    }
}

type KeyboardWillShowEvent = {| // tested ios rn 0.53.3
    easing: 'keyboard',
    endCoordinates: {|
        screenY: number,
        height: number,
        screenX: number,
        width: number
    |},
    startCoordinates: {|
        screenY: number,
        height: number,
        screenX: number,
        width: number
    |},
    duration: number
|}

type KeyboardWillHideEvent = KeyboardWillShowEvent; // tested ios rn 0.53.3
type KeyboardDidHideEvent = null;  // tested on android 6.0/23

react-navigation.js

type Navigate = string => void
type GoBack = void => void
type SetParams = ({}) => void

type Navigation = {
    navigate: Navigate,
    goBack: GoBack,
    setParams: SetParams,
    state: {
        routes: { key:string }[],
        state: key
    }
}

react.js

// https://flow.org/en/docs/react/types/

import * as React from 'react'

type Node = React.Node;
type ChildrenArray = React.ChildrenArray;
type Element = React.Element; // React.Element<typeof Component>
type ElementRef = React.ElementRef; // React.ElementRef<typeof Component>
type ComponentType = React.ComponentType;
type PureComponentType = React.StatelessFunctionalComponent;
type Key = React.Key;
type ElementProps = React.ElementProps;
type ElementConfig = React.ElementConfig;
type Ref = React.Ref;

redux.js

// https://flow.org/en/docs/react/redux/

type Dispatch = (action: {type:string}) => any;
type Action = { type:string }