Repository navigation
[V5] - TextInput crashes when using "text-center" or "text-right" or "text-left" in NativeWind v5 (react-native-css: path.split is undefined) #232
Description
Activity
- changed the title
[-][V5] - TextInput crashes when using "text-center" in NativeWind v5 (react-native-css: path.split is undefined)[/-][+][V5] - TextInput crashes when using "text-center" or "text-right" or "text-left" in NativeWind v5 (react-native-css: path.split is undefined)[/+]on Nov 24, 2025 I've created a minimal repro here and moved this issue to the react-native-css repo https://github.com/danstepanov/text-alignment-bug
Reacted by Micky Thompson- added a commit that references this issue
on Dec 21, 2025 @danstepanov Any ETA on when this will be fixed?
Reacted by Micky ThompsonReacted by 超能刚哥- added 2 commits that reference this issue
on Feb 23, 2026 @RobertOstermann I'm working through the TextInput stuff now. I'll keep you posted.
Reacted by Robert Ostermann and Micky Thompson- added a commit that references this issue
on Mar 26, 2026 - added a commit that references this issue
on Apr 9, 2026 - added a commit that references this issue
on Apr 15, 2026 - added a commit that references this issue
on Jun 17, 2026
Metadata
Metadata
Assignees
Labels
Type
Projects
- Status
Describe the bug
When adding the text-center, text-left, text-right class to a React Native TextInput, the app crashes with Render Error the following is the error:
path.split is not a function (it is undefined)The error originates in react-native-css at src/native/styles/index.ts in line 250
It appears path is undefined (or non-string) during runtime parsing of the class path. This crash happens when text-center, text-left, text-right is applied to a TextInput. Other components appear unaffected
Reproduction
I reproduced using the recommended template and then upgrading to NativeWind v5:
npx rn-new@latest --nativewind --expo-routerMigrated to NativeWind v5
And added this minimal component:
`
import { TextInput } from 'react-native';
export default function Home() {
return (
<"TextInput"
placeholder="Type here..."
className="mb-4 rounded-md border border-gray-300 p-2 text-center"
/>
);
}
`
Expected behavior
Applying text-center or text-left or text-right to TextInput should center the input text without throwing an exception.