С текстовыми компонентами React Native есть определенная высота (около 500-600 строк), после которой текстовое представление просто прекращает рендеринг на устройствах iOS.Похоже, что это не проблема для Android.
import React, { Component } from 'react';
import {
Text,
View,
ScrollView
} from 'react-native';
const text = ".\n".repeat(600)
export default class App extends Component {
render() {
return (
<View style={{
flex: 1,
justifyContent: 'flex-start',
alignItems: 'center',
backgroundColor: '#F5FCFF',
}}>
<ScrollView style={{flex: 1}}>
<Text>{text}</Text>
</ScrollView>
</View>
);
}
}
Эта проблема демонстрируется изменением значения повторения между 200 (где он отображается правильно) и 600, когда отображается пустой экран.
Каковы лучшие обходные пути к этой проблеме?Я предполагаю, что это должно быть проблема с UILabel-объектом iOS, так как проблема зависит от платформы.