reactjs - 加载新屏幕但停留在一页上的按钮

Question

好的，所以我正在努力完成这些照片显示的内容。我希望能够从列表中转到，这是一个具有白色背景的视图，其中包含一些内容，当单击地图时，它不一定会更改页面，但它确实会加载此地图屏幕。

对于本机反应，这样做的最佳方法是什么？我试着用谷歌搜索，但找不到太多，很难用谷歌搜索。

谢谢你们，我比你们知道的更感激。

标签： reactjsreact-nativereact-native-maps

Answer 1

我想你可能会问如何有条件地渲染一些东西。您可以根据另一个变量的值来渲染组件。像这样的东西。

  const [viewMode, setViewMode] = useState('list');

  const handleShowListPress = () => {
    setViewMode('list');
  };

  const handleShowMapPress = () => {
    setViewMode('map');
  };

  ...

  return (
     <View>
        <ListButton onPress={handleShowListPress} />
        <MapButton onPress={handleShowMapPress} />

        {viewMode === 'list' && <ListView />}
        {viewMode === 'map' &&  <MapView />}
     </View>
  );