React-Native 使用没有渲染的组件

Question

我是 react-native 的新手，正在尝试构建一个依赖 GPS 组件的地图组件。（我什至不确定 'component' 是否正确）

我想使用 UI 渲染地图，但我还需要 GPS 来获取位置信息。

现在，如何创建一个包含所有 GPS 逻辑的 GPS class，仅调用一个函数来更新页面上的位置？或者更具体地说，我怎样才能将 GPS 代码分离到一个新文件中，而不必在地图组件的渲染方法中调用 <GPSComponent />？

为了更具体的代码示例，我把它放在 CodePen 上 https://codepen.io/yeni/pen/WOrjJx

Answer 1

只需将您的 GPS class 放在一个单独的文件中。 class 应该不扩展组件。

然后将您的 GPS class 导入您的 UI 组件（例如 import gps from './gps'）并使用它:)

Answer 2

另一种可能的方法是 return 在 render 方法中为 null

export default class GPSComponent extends React.Component{
    constructor(props){
        super(props);
        // Do some stuff
    }

    someFunctions() { ... }

    render(){
        return null;
    }
}

React-Native 使用没有渲染的组件

React-Native using Components without render

maps

gps

react-native

react-native-android

react-native-router-flux