Есть ли какие-либо проблемы с производительностью при загрузке большого компонента с использованием this.props.children в программе native native? - PullRequest
0 голосов
/ 15 июня 2019

Я новичок, чтобы реагировать на нативные, и я хочу знать, есть ли какие-либо проблемы с производительностью, когда мы загружаем большой компонент, используя 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 компонент.Так это создаст проблему с производительностью в ближайшее время?

1 Ответ

1 голос
/ 15 июня 2019

Зависит от того, насколько сложна ваша логика, которую вы использовали внутри дочернего компонента. Но для базовых экранов с меньшим количеством анимации и графического использования это не повлияет на производительность.

...