Page MenuHomePhabricator
Differential D5417

[native] [24/34] ReactNav6: Updates on headerMode
ClosedPublic
Actions

Authored by ashoat on Oct 20 2022, 6:18 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Apr 17, 6:58 AM
Unknown Object (File)
Thu, Apr 17, 12:24 AM
Unknown Object (File)
Wed, Apr 16, 8:04 PM
Unknown Object (File)
Wed, Apr 16, 10:20 AM
Unknown Object (File)
Mon, Apr 14, 2:26 PM
Unknown Object (File)
Wed, Apr 9, 3:23 AM
Unknown Object (File)
Wed, Apr 9, 3:23 AM
Unknown Object (File)
Wed, Apr 9, 3:23 AM
View All Files
Subscribers
• abosh

Details

Reviewers
atul
tomek
bartek
Commits
rCOMMe6e18c047ffd: [native] [24/34] ReactNav6: Updates on headerMode
Summary

Context on changes here and here.

Depends on D5416

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/
6 lines
6 lines
6 lines
6 lines
6 lines
navigation/
3 lines

Diff 17695

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

Loading...
View Options

native/navigation/root-navigator.react.js

Loading...