Below is my code. I followed all instructions from example.
Could anyone pls help me running this code?
Thanks
import React, { useState, useEffect } from "react";
import { FlatList, View, StyleSheet } from "react-native";
import firestore from "@react-native-firebase/firestore";
import { useSelector, shallowEqual, useDispatch } from "react-redux";
import { theme, deviceWidth, deviceHeight } from "../../utils/theme";
import {
emailValidator,
passwordValidator,
firstNameValidator,
lastNameValidator,
} from "../../utils/utils";
import styles from "../../utils/styles";
import {
Surface,
Text,
TextInput,
ActivityIndicator,
Button,
} from "react-native-paper";
import AlphabetSectionList from 'react-native-alphabet-sectionlist';
import AtoZList from 'react-native-atoz-list';
const contacts = {
'A': [{ name: 'A1' }, { name: 'A2' }, { name: 'A3' }],
"E": [{ name: 'E1' }, { name: 'E2' }, { name: 'E3' }, { name: 'E4' }],
'F': [{ name: 'F1' }, { name: 'F2' }, { name: 'F3' }],
'H': [{ name: 'H1' }, { name: 'H2' }, { name: 'H3' }, { name: 'H5' }],
'J': [{ name: 'J1' }, { name: 'J2' }, { name: 'J3' }, { name: 'J5' }],
'K': [{ name: 'K1' }, { name: 'K2' }, { name: 'K3' }, { name: 'K5' }],
'N': [{ name: 'N1' }, { name: 'N2' }, { name: 'N3' }, { name: 'N5' }],
'Y': [{ name: 'Y1' }, { name: 'Y2' }, { name: 'Y3' }, { name: 'Y5' }, { name: 'Y6' }],
}
export default function OfficeScreen() {
const [images, setImages] = useState([]);
useEffect(() => {
setImages(
);
}, []);
function renderCellComponent({ }) {
return (
<View style={{
marginLeft: 10,
paddingVertical: 10,
borderBottomColor: 'lightgray',
borderBottomWidth: 0.5
}}>
<Text>{'item.name'}</Text>
</View>
)
}
function renderSectionComponent() {
return (
<View>
<Text>header1</Text>
<Text>header2</Text>
</View>
)
}
return (
<Surface style={theme.mainContainer}>
<View>
<Text style={styles.DayNameText}>{"Directory"}</Text>
<AtoZList
sectionHeaderHeight={20}
cellHeight={60}
data={contacts}
renderCell={renderCellComponent()}
renderSection={renderSectionComponent()}
/>
</View>
</Surface>
);
}
This error is located at:
in OfficeScreen (at SceneView.tsx:98)
in StaticContainer
in StaticContainer (at SceneView.tsx:89)
in EnsureSingleNavigator (at SceneView.tsx:88)
in SceneView (at useDescriptors.tsx:125)
in RCTView (created by SceneView)
in SceneView (created by Pager)
in RCTView (at createAnimatedComponent.js:233)
in AnimatedComponent(Component) (created by PanGestureHandler)
in PanGestureHandler (created by Pager)
in Pager (created by TabView)
in RCTView (at GestureHandlerRootView.android.js:26)
in GestureHandlerRootView (created by TabView)
in TabView (at MaterialTopTabView.tsx:48)
in MaterialTopTabView (at createMaterialTopTabNavigator.tsx:41)
in MaterialTopTabNavigator (at DirectoryScreen.js:21)
in DirectoryScreen (at SceneView.tsx:98)
in StaticContainer
in StaticContainer (at SceneView.tsx:89)
in EnsureSingleNavigator (at SceneView.tsx:88)
in SceneView (at useDescriptors.tsx:125)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at BottomNavigation.tsx:707)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at BottomNavigation.tsx:692)
in RCTView (at BottomNavigation.tsx:675)
in RCTView (at BottomNavigation.tsx:674)
in BottomNavigation (created by Context.Consumer)
in ThemedComponent (created by withTheme(BottomNavigation))
in withTheme(BottomNavigation) (at MaterialBottomTabView.tsx:48)
in MaterialBottomTabView (at createMaterialBottomTabNavigator.tsx:42)
in MaterialBottomTabNavigator (at BottomTabsNavigator.js:51)
in BottomTabsNavigator (at SceneView.tsx:98)
in StaticContainer
in StaticContainer (at SceneView.tsx:89)
in EnsureSingleNavigator (at SceneView.tsx:88)
in SceneView (at useDescriptors.tsx:125)
in RCTView (at CardContainer.tsx:190)
in RCTView (at CardContainer.tsx:189)
in RCTView (at Card.tsx:526)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at Card.tsx:508)
in PanGestureHandler (at Card.tsx:501)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at Card.tsx:497)
in RCTView (at Card.tsx:491)
in Card (at CardContainer.tsx:156)
in CardContainer (at CardStack.tsx:561)
in RNSScreen (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:109)
in Screen (at CardStack.tsx:133)
in MaybeScreen (at CardStack.tsx:554)
in RNSScreenContainer (at screens.native.js:134)
in ScreenContainer (at CardStack.tsx:111)
in MaybeScreenContainer (at CardStack.tsx:452)
in CardStack (at StackView.tsx:418)
in KeyboardManager (at StackView.tsx:416)
in SafeAreaProviderCompat (at StackView.tsx:413)
in RCTView (at GestureHandlerRootView.android.js:26)
in GestureHandlerRootView (at StackView.tsx:412)
in StackView (at createStackNavigator.tsx:82)
in StackNavigator (at StackNavigator.js:55)
in RCTView (at SafeAreaView.js:40)
in SafeAreaView (at StackNavigator.js:54)
in StackNavigator (at SceneView.tsx:98)
in StaticContainer
in StaticContainer (at SceneView.tsx:89)
in EnsureSingleNavigator (at SceneView.tsx:88)
in SceneView (at useDescriptors.tsx:125)
in RNSScreen (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:109)
in Screen (at ResourceSavingScene.tsx:21)
in ResourceSavingScene (at DrawerView.tsx:187)
in RNSScreenContainer (at screens.native.js:134)
in ScreenContainer (at DrawerView.tsx:171)
in RCTView (at Drawer.tsx:653)
in RCTView (at createAnimatedComponent.js:233)
in AnimatedComponent(Component) (at Drawer.tsx:646)
in RCTView (at createAnimatedComponent.js:233)
in AnimatedComponent(Component) (at Drawer.tsx:636)
in PanGestureHandler (at Drawer.tsx:626)
in DrawerView (at DrawerView.tsx:208)
in RNCSafeAreaView (at src/index.tsx:28)
in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
in SafeAreaProviderCompat (at DrawerView.tsx:205)
in GestureHandlerRootView (at GestureHandlerRootView.android.js:31)
in GestureHandlerRootView (at DrawerView.tsx:204)
in DrawerView (at createDrawerNavigator.tsx:44)
in DrawerNavigator (at DrawerNavigator.js:10)
in DrawerNavigator (at App.js:126)
in EnsureSingleNavigator (at BaseNavigationContainer.tsx:281)
in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:39)
in ThemeProvider (at NavigationContainer.tsx:38)
in ForwardRef(NavigationContainer) (at App.js:125)
in ThemeProvider (at Provider.tsx:21)
in RCTView (at PortalHost.tsx:128)
in Portal.Host (at Provider.tsx:17)
in Provider (at App.js:124)
in App (at QuadRealConnect/index.js:13)
in Provider (at QuadRealConnect/index.js:12)
in RNRedux (at renderApplication.js:40)
in RCTView (at AppContainer.js:101)
in RCTView (at AppContainer.js:119)
in AppContainer (at renderApplication.js:39)