handle scroll

function handleActiveAreaClick(activeAreaID) {
    setState({...state, activeAreaID});
  }

  return (
    <React.Fragment>
      <ScrollViewContainer>
        {areas.map(area => (
          <TabContent
            key={area.uuid}
            onTouchEndCapture={e => handleActiveAreaClick(area.uuid)}>
            <Label>{area.name}</Label>
            {state.activeAreaID === area.uuid && <ActiveIndicator />}
          </TabContent>
        ))}
      </ScrollViewContainer>
    </React.Fragment>
  );
};