learning/ignitegym
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: finish exercise header

Browse source
This commit is contained in:
Vinicius Souza 2024-10-26 15:47:51 -03:00
parent b6757bd824
commit e874874a4c
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/screens/Exercise.tsx
View file

@ -1,8 +1,10 @@
import { Center, Icon, Text, VStack } from '@gluestack-ui/themed';
import { Center, Heading, HStack, Icon, Text, VStack } from '@gluestack-ui/themed';
import { useNavigation } from '@react-navigation/native';
import { ArrowLeft } from 'lucide-react-native';
import { TouchableOpacity } from 'react-native';
import BodySvg from '@assets/body.svg';
export function Exercise() {
const navigation = useNavigation();
@ -16,6 +18,19 @@ export function Exercise() {
<TouchableOpacity onPress={handleGoBack}>
<Icon as={ArrowLeft} color="$green500" size="xl" />
</TouchableOpacity>
<HStack alignItems="center" justifyContent="space-between" mt="$4" mb="$8">
<Heading color="$gray100" fontSize="$lg" flexShrink={1}>
Puxada frontal
</Heading>
<HStack alignItems="center">
<BodySvg />
<Text color="$gray200" ml="$1" textTransform="capitalize">
Costas
</Text>
</HStack>
</HStack>
</VStack>
</VStack>
);