maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CS

Browse source
This commit is contained in:
Maarten 2024-08-08 13:13:58 +02:00
parent fe82b69997
commit 3287b9a3b7
10 changed files with 813 additions and 813 deletions
Download patch file Download diff file Expand all files Collapse all files

98
app/(explore)/category.tsx
View file

@ -1,65 +1,65 @@
import {
SafeAreaView,
ScrollView,
StyleSheet,
Dimensions
SafeAreaView,
ScrollView,
StyleSheet,
Dimensions
} from 'react-native';
import {useEffect, useState} from 'react';
import { useEffect, useState } from 'react';
import RenderHtml from 'react-native-render-html';
import {useNavigation} from '@react-navigation/native';
import { useNavigation } from '@react-navigation/native';
import AsyncStorage from '@react-native-async-storage/async-storage';
import {Colors} from '@/constants/Colors';
import {useColorScheme} from '@/hooks/useColorScheme';
import {ThemedView} from '@/components/ThemedView';
import { Colors } from '@/constants/Colors';
import { useColorScheme } from '@/hooks/useColorScheme';
import { ThemedView } from '@/components/ThemedView';
export default function CategoryScreen() {
const colorScheme = useColorScheme() ?? 'light';
const navigation = useNavigation();
const [description, setDescription] = useState('');
const colorScheme = useColorScheme() ?? 'light';
const navigation = useNavigation();
const [ description, setDescription ] = useState( '' );
// Load item from storage
useEffect(() => {
AsyncStorage.getItem('activeCategory').then((data) => {
const itemData: any = JSON.parse(data ?? '{}');
// Load item from storage
useEffect( () => {
AsyncStorage.getItem( 'activeCategory' ).then( (data) => {
const itemData: any = JSON.parse( data ?? '{}' );
if (itemData != null) {
const {name, description} = itemData;
if (itemData != null) {
const { name, description } = itemData;
// Set description
// @ts-ignore
setDescription(description);
// Set description
// @ts-ignore
setDescription( description );
// Set page title
navigation.setOptions({title: name});
}
});
}, []);
// Set page title
navigation.setOptions( { title: name } );
}
} );
}, [] );
// HTML render props
const source = {html: description};
const width = Dimensions.get('window').width;
// HTML render props
const source = { html: description };
const width = Dimensions.get( 'window' ).width;
return (
<SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}>
<ScrollView style={styles.container}>
<ThemedView style={styles.htmlContainer}>
<RenderHtml
contentWidth={width}
source={source}
/>
</ThemedView>
</ScrollView>
</SafeAreaView>
);
return (
<SafeAreaView style={{ flex: 1, backgroundColor: Colors[ colorScheme ].background, }}>
<ScrollView style={styles.container}>
<ThemedView style={styles.htmlContainer}>
<RenderHtml
contentWidth={width}
source={source}
/>
</ThemedView>
</ScrollView>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
container: {
padding: 25,
},
htmlContainer: {
paddingBottom: 50,
},
})
const styles = StyleSheet.create( {
container: {
padding: 25,
},
htmlContainer: {
paddingBottom: 50,
},
} )