如何在React Native

Question

将下面的整个区域链接到另一个屏幕的最佳做法是什么？ 标有橙色的整个区域需要可点击并进入另一个屏幕。我应该将整个区域放入视图中吗？这里的最佳做法是什么？如果可能，请欣赏代码示例。

Answer 1

是的，您可以使用View组件包裹该橙色区域，并尝试使用React Native Router Flux，这是导航屏幕/组件的最流行和最简单的方法。

import React, { Component } from 'react';
import { TouchableOpacity, View } from 'react-native';
import { Actions } from 'react-native-router-flux';
...

export default class HelloWorldList extends Component {

  ...

  render() {
    return (
      <TouchableOpacity onPress={() => Actions.componentkey}>
        <View>
          ...
        </View>
      </TouchableOpacity>
    );
  }
}

Answer 2

从一个场景（屏幕）移动到另一个场景称为导航，有很多（好的和坏的）导航组件包/模块，其中大多数都有一个示例应用程序来测试和学习。

我建议React Navigation，因为它有很好的文档记录，而且很容易理解，React Native docs也涵盖了它。

其他套餐：

• react-native-router-flux
• react-native-navigation
• native-navigation