-
Notifications
You must be signed in to change notification settings - Fork 80
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Can we get the mentioned list out from the text input? #65
Comments
@vineelk8 You can bypass it by using |
I'm running into a related issue where I have a |
import ScrollView, TouchableOpacity from react-native-gesture-handler |
@wanderlust252 thanks but still not working for me :( Do you have a short code example to share with adjacent scrollviews that is working? Would be greatly appreciated; have lost 8+ hours to this already. |
this is my code.
import { ScrollView as ScrollHandler, TouchableOpacity as TouchableHandler } from 'react-native-gesture-handler'; that all i have. Working on both android and ios.
|
Based on the code you shared I can't tell if the content above the
Importing Any suggestions from folks that have a working example similar to this? |
aa.mp4
i hope that u can find better solution. Sorry if i can't help u. |
For anyone running into a similar issue, I was able to resolve this by not using Honestly I forget why I thought I needed the |
I'm got the same issue but worked when I imported from react-native-gesture-handler as @wanderlust252 mentioned |
Check out this issue I wrote up explaining a solution here |
I don't know why but my opacity is like this even i set to 1 or zIndex:1000 |
Add `onMentionsChange` property to the `MentionInput` component. It allows to render suggestions outside `MentionInput` component — #65, #69, #75. Fix double trigger of suggestions render. Now we are trigger this only after selection change — #55. Format `utils.ts` using prettier. BREAKING CHANGES Remove `containerStyle` prop from the `MentionInput` component. Remove `inputRef` prop from the `MentionInput` component. Use traditional `ref` now. Remove `renderSuggestions` and `isBottomMentionSuggestionsRender` from the Part type. Rename `MentionSuggestionsProps` type to `SuggestionsProvidedProps`. Rename `onSuggestionPress` to `onSelect` in the type.
Hi all! Thank all for your feedbacks and especially for participating all in searching for solution of this issue. Finally, I got a few free days for supporting this package. A new major v3 release is coming, and this issue is one of the main updates. Now you will be able to use hook for control mention state. The main idea – suggestions rendering now will be fully controlled by user and is extracted from You can find an example of this here: https://github.com/dabakovich/react-native-controlled-mentions/blob/3.0.0-feat-use-mentions/example/mentions-app.tsx#L90 To install this and play by yourself, please use next commands:
I'll be happy to get some feedback from you before the major update will be released. |
@dabakovich hi, i tried below solution but not working to me:
|
@fukemy thanks for your attempt. Can you show me your |
hi bro, im did wrong, thanks so much, that's exactly what's i want, im modify textInputProps to textInputMentionProps, now it's working. |
Hi all! About issues with scrolling suggestions list in absolute component on Android, please look into this comment. Here I shared a pattern that I'm using in production projects, which allows you to have the most stable solution for the Android platform. I'm closing the issue now. You are welcome to open a new one if you'll get new questions. |
Can we get the mentioned list out from the text input because when I start typing @ symbol the mentioned list opens along with the text input. Can we take the mentioned list out of the text input, so that the text input will not stretch along with the mentioned list. Attaching a screenshot of text input when the mentioned list opens.
The text was updated successfully, but these errors were encountered: