cht8687 / react-listview-sticky-header Goto Github PK

` const [posts,setPosts] = useState([]);
useEffect(() => {
db.collection("posts").onSnapshot((snapshot)=>
setPosts(snapshot.docs.map((doc)=>({id:doc.id,data:doc.data()})))
);

}, [])`

const MyAccountfunc= async ({navigation})=>{
let user = await AsyncStorage.getItem('user'); //it is showing error here
alert(user); //my user contains one mail
if(user==null)
{
alert('Login first')
navigation.navigate('Login')

}
else{
alert('done')
navigation.navigate('MyAccount')

}
return null
}

const DrawerNavigation = createDrawerNavigator(

{

  "Home": App,
  "My Account": MyAccountfunc,
  "Order History": OrderHistory,
  "About us": Aboutus,
  "Contact us": Contactus,
  "Logout": LogoutFunc

},
{
initialRouteName: "Home",
contentOptions: {
activeTintColor: "red"
}
}
);

export default createAppContainer(DrawerNavigation);

At the moment, if data array is long enough, the headers are not sticking to the correct position.
need to be fixed.

From the example, (with react 0.14)

Invariant Violation: Objects are not valid as a React child (found: object with keys {title}). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of ListItem.

position: sticky; is quite popular especially on ios sofari.

Just noticed this line in the component unmount:

I'm thinking this should be 'detachEvent' ?

For those who has this error when why to npm install, just execute:

npm config set registry https://registry.npmjs.org/

when scrolling down the list as soon as there is a new sticky title there is an annoying flickering effect as the new sticky title becomes active. also the first item of the new group is hidden beneath the new sticky title

when reaching end of list, just render it's head...