1
0
mirror of https://github.com/tooot-app/app synced 2025-06-05 22:19:13 +02:00
This commit is contained in:
Zhiyuan Zheng
2020-12-18 00:00:45 +01:00
parent b679b56a0e
commit 7be25ae516
13 changed files with 144 additions and 78 deletions

View File

@ -1,18 +1,23 @@
import SegmentedControl from '@react-native-community/segmented-control'
import { StyleConstants } from '@root/utils/styles/constants'
import { useTheme } from '@root/utils/styles/ThemeManager'
import React, { useContext } from 'react'
import React, { Dispatch } from 'react'
import { useTranslation } from 'react-i18next'
import { Animated, StyleSheet } from 'react-native'
import { useSafeAreaInsets } from 'react-native-safe-area-context'
import { AccountContext } from '../Account'
import { AccountAction, AccountState } from '../Account'
export interface Props {
accountState: AccountState
accountDispatch: Dispatch<AccountAction>
scrollY: Animated.Value
}
const AccountSegmentedControl: React.FC<Props> = ({ scrollY }) => {
const { accountState, accountDispatch } = useContext(AccountContext)
const AccountSegmentedControl: React.FC<Props> = ({
accountState,
accountDispatch,
scrollY
}) => {
const { t } = useTranslation('sharedAccount')
const { mode, theme } = useTheme()
@ -69,12 +74,10 @@ const AccountSegmentedControl: React.FC<Props> = ({ scrollY }) => {
const styles = StyleSheet.create({
base: {
...StyleSheet.absoluteFillObject,
position: 'absolute',
left: 0,
right: 0,
zIndex: 99,
borderTopWidth: StyleSheet.hairlineWidth,
padding: StyleConstants.Spacing.Global.PagePadding
padding: StyleConstants.Spacing.Global.PagePadding,
paddingBottom: StyleConstants.Spacing.Global.PagePadding * 3
}
})