Page MenuHomePhabricator
Differential D5399

[native] [6/34] ReactNav6: Type optionals prop of ScreenComponent
ClosedPublic
Actions

Authored by ashoat on Oct 20 2022, 6:11 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Apr 17, 5:21 AM
Unknown Object (File)
Wed, Apr 16, 11:36 PM
Unknown Object (File)
Wed, Apr 16, 8:32 PM
Unknown Object (File)
Tue, Apr 15, 10:32 PM
Unknown Object (File)
Fri, Apr 11, 4:17 AM
Unknown Object (File)
Wed, Apr 9, 8:12 AM
Unknown Object (File)
Wed, Apr 9, 3:13 AM
Unknown Object (File)
Wed, Apr 9, 3:13 AM
View All Files
Subscribers
• abosh

Details

Reviewers
atul
tomek
bartek
Commits
rCOMM79d3061b6e13: [native] [6/34] ReactNav6: Type optionals prop of ScreenComponent
Summary

This actually doesn't appear to be new in ReactNav6. I noticed the libdef was incorrect when reviewing the docs here and here.

Depends on D5398

Test Plan

Flow + ran the app on my phone and played around with it

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Revision Contents
Changeset List

PathSize
native/
flow-typed/
npm/
@react-navigation/
4 lines
4 lines
4 lines
4 lines
4 lines

Diff 17677

View Options

native/flow-typed/npm/@react-navigation/bottom-tabs_v5.x.x.js

// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import { View } from 'react-native'; import { View } from 'react-native';
import type { ThreadInfo, SidebarInfo } from 'lib/types/thread-types'; import type {
ThreadInfo,
ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
} from 'lib/types/thread-types';
import ExtendedArrow from '../components/arrow-extended.react'; import ExtendedArrow from '../components/arrow-extended.react';
import Arrow from '../components/arrow.react'; import Arrow from '../components/arrow.react';
import Button from '../components/button.react'; import Button from '../components/button.react';
import UnreadDot from '../components/unread-dot.react'; import UnreadDot from '../components/unread-dot.react';
import { useColors, useStyles } from '../themes/colors'; import { useColors, useStyles } from '../themes/colors';
import { SidebarItem, sidebarHeight } from './sidebar-item.react'; import { SidebarItem, sidebarHeight } from './sidebar-item.react';
import SwipeableThread from './swipeable-thread.react'; import SwipeableThread from './swipeable-thread.react';
type Props = { type Props = {
+sidebarInfo: SidebarInfo, +sidebarInfo: ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
+onPressItem: (threadInfo: ThreadInfo) => void, +onPressItem: (threadInfo: ThreadInfo) => void,
+onSwipeableWillOpen: (threadInfo: ThreadInfo) => void, +onSwipeableWillOpen: (threadInfo: ThreadInfo) => void,
+currentlyOpenedSwipeableId: string, +currentlyOpenedSwipeableId: string,
+extendArrow: boolean, +extendArrow: boolean,
}; };
function ChatThreadListSidebar(props: Props): React.Node { function ChatThreadListSidebar(props: Props): React.Node {
const colors = useColors(); const colors = useColors();
const styles = useStyles(unboundStyles); const styles = useStyles(unboundStyles);
▲ Show 20 Lines • Show All 92 Lines • Show Last 20 Lines
View Options

native/flow-typed/npm/@react-navigation/devtools_v5.x.x.js

// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import { View } from 'react-native'; import { View } from 'react-native';
import type { ThreadInfo, SidebarInfo } from 'lib/types/thread-types'; import type {
ThreadInfo,
ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
} from 'lib/types/thread-types';
import ExtendedArrow from '../components/arrow-extended.react'; import ExtendedArrow from '../components/arrow-extended.react';
import Arrow from '../components/arrow.react'; import Arrow from '../components/arrow.react';
import Button from '../components/button.react'; import Button from '../components/button.react';
import UnreadDot from '../components/unread-dot.react'; import UnreadDot from '../components/unread-dot.react';
import { useColors, useStyles } from '../themes/colors'; import { useColors, useStyles } from '../themes/colors';
import { SidebarItem, sidebarHeight } from './sidebar-item.react'; import { SidebarItem, sidebarHeight } from './sidebar-item.react';
import SwipeableThread from './swipeable-thread.react'; import SwipeableThread from './swipeable-thread.react';
type Props = { type Props = {
+sidebarInfo: SidebarInfo, +sidebarInfo: ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
+onPressItem: (threadInfo: ThreadInfo) => void, +onPressItem: (threadInfo: ThreadInfo) => void,
+onSwipeableWillOpen: (threadInfo: ThreadInfo) => void, +onSwipeableWillOpen: (threadInfo: ThreadInfo) => void,
+currentlyOpenedSwipeableId: string, +currentlyOpenedSwipeableId: string,
+extendArrow: boolean, +extendArrow: boolean,
}; };
function ChatThreadListSidebar(props: Props): React.Node { function ChatThreadListSidebar(props: Props): React.Node {
const colors = useColors(); const colors = useColors();
const styles = useStyles(unboundStyles); const styles = useStyles(unboundStyles);
▲ Show 20 Lines • Show All 92 Lines • Show Last 20 Lines
View Options

native/flow-typed/npm/@react-navigation/material-top-tabs_v5.x.x.js

// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import { View } from 'react-native'; import { View } from 'react-native';
import type { ThreadInfo, SidebarInfo } from 'lib/types/thread-types'; import type {
ThreadInfo,
ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
} from 'lib/types/thread-types';
import ExtendedArrow from '../components/arrow-extended.react'; import ExtendedArrow from '../components/arrow-extended.react';
import Arrow from '../components/arrow.react'; import Arrow from '../components/arrow.react';
import Button from '../components/button.react'; import Button from '../components/button.react';
import UnreadDot from '../components/unread-dot.react'; import UnreadDot from '../components/unread-dot.react';
import { useColors, useStyles } from '../themes/colors'; import { useColors, useStyles } from '../themes/colors';
import { SidebarItem, sidebarHeight } from './sidebar-item.react'; import { SidebarItem, sidebarHeight } from './sidebar-item.react';
import SwipeableThread from './swipeable-thread.react'; import SwipeableThread from './swipeable-thread.react';
type Props = { type Props = {
+sidebarInfo: SidebarInfo, +sidebarInfo: ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
+onPressItem: (threadInfo: ThreadInfo) => void, +onPressItem: (threadInfo: ThreadInfo) => void,
+onSwipeableWillOpen: (threadInfo: ThreadInfo) => void, +onSwipeableWillOpen: (threadInfo: ThreadInfo) => void,
+currentlyOpenedSwipeableId: string, +currentlyOpenedSwipeableId: string,
+extendArrow: boolean, +extendArrow: boolean,
}; };
function ChatThreadListSidebar(props: Props): React.Node { function ChatThreadListSidebar(props: Props): React.Node {
const colors = useColors(); const colors = useColors();
const styles = useStyles(unboundStyles); const styles = useStyles(unboundStyles);
▲ Show 20 Lines • Show All 92 Lines • Show Last 20 Lines
View Options

native/flow-typed/npm/@react-navigation/native_v5.x.x.js

// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import { View } from 'react-native'; import { View } from 'react-native';
import type { ThreadInfo, SidebarInfo } from 'lib/types/thread-types'; import type {
ThreadInfo,
ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
} from 'lib/types/thread-types';
import ExtendedArrow from '../components/arrow-extended.react'; import ExtendedArrow from '../components/arrow-extended.react';
import Arrow from '../components/arrow.react'; import Arrow from '../components/arrow.react';
import Button from '../components/button.react'; import Button from '../components/button.react';
import UnreadDot from '../components/unread-dot.react'; import UnreadDot from '../components/unread-dot.react';
import { useColors, useStyles } from '../themes/colors'; import { useColors, useStyles } from '../themes/colors';
import { SidebarItem, sidebarHeight } from './sidebar-item.react'; import { SidebarItem, sidebarHeight } from './sidebar-item.react';
import SwipeableThread from './swipeable-thread.react'; import SwipeableThread from './swipeable-thread.react';
type Props = { type Props = {
+sidebarInfo: SidebarInfo, +sidebarInfo: ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
+onPressItem: (threadInfo: ThreadInfo) => void, +onPressItem: (threadInfo: ThreadInfo) => void,
+onSwipeableWillOpen: (threadInfo: ThreadInfo) => void, +onSwipeableWillOpen: (threadInfo: ThreadInfo) => void,
+currentlyOpenedSwipeableId: string, +currentlyOpenedSwipeableId: string,
+extendArrow: boolean, +extendArrow: boolean,
}; };
function ChatThreadListSidebar(props: Props): React.Node { function ChatThreadListSidebar(props: Props): React.Node {
const colors = useColors(); const colors = useColors();
const styles = useStyles(unboundStyles); const styles = useStyles(unboundStyles);
▲ Show 20 Lines • Show All 92 Lines • Show Last 20 Lines
View Options

native/flow-typed/npm/@react-navigation/stack_v5.x.x.js

// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import { View } from 'react-native'; import { View } from 'react-native';
import type { ThreadInfo, SidebarInfo } from 'lib/types/thread-types'; import type {
ThreadInfo,
ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
} from 'lib/types/thread-types';
import ExtendedArrow from '../components/arrow-extended.react'; import ExtendedArrow from '../components/arrow-extended.react';
import Arrow from '../components/arrow.react'; import Arrow from '../components/arrow.react';
import Button from '../components/button.react'; import Button from '../components/button.react';
import UnreadDot from '../components/unread-dot.react'; import UnreadDot from '../components/unread-dot.react';
import { useColors, useStyles } from '../themes/colors'; import { useColors, useStyles } from '../themes/colors';
import { SidebarItem, sidebarHeight } from './sidebar-item.react'; import { SidebarItem, sidebarHeight } from './sidebar-item.react';
import SwipeableThread from './swipeable-thread.react'; import SwipeableThread from './swipeable-thread.react';
type Props = { type Props = {
+sidebarInfo: SidebarInfo, +sidebarInfo: ThreadInfoWithLastUpdatedTimeAndNonLocalMessage,
+onPressItem: (threadInfo: ThreadInfo) => void, +onPressItem: (threadInfo: ThreadInfo) => void,
+onSwipeableWillOpen: (threadInfo: ThreadInfo) => void, +onSwipeableWillOpen: (threadInfo: ThreadInfo) => void,
+currentlyOpenedSwipeableId: string, +currentlyOpenedSwipeableId: string,
+extendArrow: boolean, +extendArrow: boolean,
}; };
function ChatThreadListSidebar(props: Props): React.Node { function ChatThreadListSidebar(props: Props): React.Node {
const colors = useColors(); const colors = useColors();
const styles = useStyles(unboundStyles); const styles = useStyles(unboundStyles);
▲ Show 20 Lines • Show All 92 Lines • Show Last 20 Lines