TextInput broken with writingDirection

Description

TextInput UI was broken with writingDirection, both ltr and rtl. It will display correctly if we focus the input

import { TextInput, View } from 'react-native'

export default function HomeScreen() {
  return (
    <View style={{ flex: 1, paddingTop: 50, backgroundColor: '#FFF' }}>
      <View style={{ flexDirection: 'row', gap: 8 }}>
        <TextInput
          value={
            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Velit morbi nisi aptent condimentum nisi fringilla rutrum sociis senectus ac. Torquent mauris risus ultricies aenean vitae erat mollis congue dui mus'
          }
          placeholder='Enter your text here'
          numberOfLines={1}
          multiline={false}
          style={{
            borderWidth: 1,
            borderColor: 'black',
            borderRadius: 5,
            alignSelf: 'stretch',
            writingDirection: 'rtl',
            paddingHorizontal: 2,
            height: 40
          }}
        />
      </View>
    </View>
  )
}

Steps to reproduce

Use the code snippet above

React Native Version

0.81.5

Affected Platforms

Runtime - iOS

Output of npx @react-native-community/cli info

% npx @react-native-community/cli info
error: unknown command 'info'
(Did you mean init?)

Stacktrace or Logs

none

MANDATORY Reproducer

https://github.com/maphongba008/input-writing-direction-issue

Screenshots and Videos

Inizia eseguendo il riproduttore obbligatorio all’indirizzo https://github.com/maphongba008/input-writing-direction-issue con React Native 0.81.5 su iOS, usando l’esempio di TextInput fornito e testando entrambi i valori ltr e rtl di writingDirection. Il lavoro è completato quando il testo viene visualizzato correttamente prima che l’input riceva il focus, senza fare affidamento sul fatto di focalizzarlo.