Question

我是本机的新手，我想知道，当我们使用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

现在，我想在我的注册屏幕中使用此组件，其中包含其他许多组件，例如Image，TextInput，Button等。这意味着整个SignUp屏幕将加载在此SafeScrollView组件中。那么，它将在未来一段时间内造成性能问题吗？

Answer 1

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

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

1 个答案: