callstack / callstack/react-native-paper
left and right prop of TextInput should accept other than icons
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
I was going through `TextInput` props and saw that `left` prop only accepts below
> It can be either TextInput.Icon or TextInput.Affix
In material UI (MUI) react web version, start accepts `Icon` as well as other type of `React.ReactNode`
I was trying to do something like this
```js
console.log('Remove chip')}
style={{ marginRight: 4 }}
>
Apple
}
right={
loading ? (
} />
) : undefined
}
/>
```
I know there might be some workaround like wrapper pattern, Is it possible that RNP provides this feature internally ?
MUI --
I want to achieve something like this in terms of UI
Thanks
Contributor guide
Research direction
Start by reading the TextInput prop definitions and the implementation of its left and right elements. Compare the current TextInput.Icon and TextInput.Affix handling with the requested Chip and ActivityIndicator examples. Done should mean both props support the demonstrated non-icon content while retaining the existing supported forms.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100