<Text> Component with over ~500 lines won't render [iOS]

[jackthias]

• I have reviewed the documentation
• I have searched existing issues
• I am using the latest React Native version

A Text component with about 500-600+ lines of text renders completely blank.

Environment

Environment:
OS: macOS Sierra 10.12.6
Node: 9.3.0
Yarn: Not Found
npm: 5.8.0
Watchman: 4.9.0
Xcode: Xcode 9.2 Build version 9C40b
Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.4 => 0.55.4

Steps to Reproduce

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>
    );
  }
}

At 600 lines there's no rendering of the text component, at 200 it renders fine.

Expected Behavior

I expected the normal behavior of a Text component embedded in a ScrollView. For an example, render the above code with a repeat value of 200 instead of 600.

Actual Behavior

Nothing is rendered, just a blank area where the text should be.

[react-native-bot]

It looks like your issue may be missing some necessary information. Can you run react-native info and edit your issue to include these results under the Environment section?

[jackthias]

Sorry, I accidentally tapped the enter key while I was still typing the title.

[jackthias]

This is tagged as no environment info, but there's clearly environment info in the post. Am I missing anything? That's the output of the command.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

[jtnix]

Still having this issue in RN 0.57.

Had to write a chunking routine to break large strings into 10k chunks and rendered in sequential Text components, which gets around the issue for us.

Does not happen on Android builds, only IOS, including hardware 6, X and XR

[ericlewis]

The magic number appears to be 490 characters. Am taking a look at this.