在 React Native 中使用 this.props.children 加载大组件是否有任何性能问题？

Question

我是 React Native 的新手，我想知道，当我们使用 props.children 加载大组件时是否存在任何性能问题？

例如我有以下组件：

SafeScrollView.js

import React from 'react';
import { View, KeyboardAvoidingView, Platform } from 'react-native';

const SafeScrollView = (props) => {
    if (Platform.OS === "android") {
        return (
          <View style={{flex:1, justifyContent:'center'}}>
            {props.children}          
          </View>
        );
    }
    return (
        <KeyboardAvoidingView style={{flex:1, justifyContent:'center'}} behavior="padding">
          {props.children}  
        </KeyboardAvoidingView>
    )
}

export default SafeScrollView

现在，我想在我的注册屏幕中使用这个组件，它包含许多其他组件，如图像、文本输入、按钮等。意味着整个注册屏幕将加载到这个 SafeScrollView 组件中。那么它会在接下来的时间内造成任何性能问题吗？

Answer 1

这取决于您在子组件中使用的逻辑的复杂程度。但对于动画和图形使用较少的基本屏幕，不会影响性能。

在 React Native 中使用 this.props.children 加载大组件是否有任何性能问题？

Is there any performance issue on loading big component using this.props.children in react native?

javascript

reactive-programming

reactjs

react-native

react-component