dominicstop / react-native-ios-modal Goto Github PK

A react-native component for displaying a modal on iOS by natively wrapping a react-native view inside a UIViewController and presenting it.

License: MIT License

Kotlin 0.26% JavaScript 0.43% Java 3.51% Swift 53.90% C 0.02% Objective-C 2.16% Ruby 0.64% Starlark 0.13% CMake 0.06% C++ 1.63% Objective-C++ 1.00% TypeScript 36.26%

react-native modal ios-swift native-module native-ui-component react-native-component react-native-modal

react-native-ios-modal's Introduction

react-native-ios-modal

🚧⚠️ Re-Write in Progress ⚠️🚧

Hi, this library is being re-written — please check the wip branch, the examples directory, or the TODO.md file for progress ✨ (for the old version of the docs, see: README-old).

Support for iOS 15 sheet detents, and iOS 16 custom detents (+ all the related sheet-related customizations and events).
Typescript re-write for better auto-complete.
Streamlining the modal-related events, and exposing more events.
Better iPad support.
Etc.

Try out the wip version of the library:

npm install [email protected]

react-native-ios-modal's People

Contributors

Stargazers

Watchers

Forkers

react-native-ios-modal's Issues

RN < 0.60 support?

Does this library support RN < 0.60? If yes, how to do the linking without Pod?

ERROR Invariant Violation: `new NativeEventEmitter()` requires a non-null argument.

Trying to get this working in Tamagui.

I'm setting it up in the kitchen-sink there, I've run expo doctor and fixed all versions. React Native 0.71.7.

It runs fine, but once I import react-native-ios-modal I get:

ERROR  Invariant Violation: `new NativeEventEmitter()` requires a non-null argument.

Any idea?

New version install

Do I need to enable Fabric or something?

React Native 0.71.7

How to detect click on a React view

i want to close presented UIView Controller when we tap on React view with navigate function only else stay same right now screen open in background while UIViewController is still presented

Duplicate symbol when used with rive-react-native

See here:

KeyboardAvoidingView doesn't add enough padding

When displayed in a modal KeyboardAvoidingView doesn't add enough padding.

Error on trying to make Modal visible

I'm trying to show up the modal but it thrown to me this error:

{"errorCode": "modalAlreadyPresented", "errorMessage": "Cannot present modal because it's already presented", "isInFocus": false, "isPresented": false, "modalLevel": -1, "modalLevelPrev": -1, "modalUUID": "62BF1859-E846-496F-8245-B54FA7CABD69", "target": 123, "visibility": true}

The code:

import { ModalView } from 'react-native-ios-modal';
...

<ModalView
                    ref={ref => this.modalRef = ref}
                >
                    <>
                        <MoreOptions
                            item={song}
                            context={context}
                            propsContext={this.props}
                            refresh={() => this.props.refreshAnAction()}
                            onclose={() => {
                                this.props.unsubscribeStates()
                            }}
                        />
                    </>
                </ModalView>

Duplicate symbol when used with react-native-ios-context-menu

Running "react-native-ios-context-menu": "^1.15.3" and "react-native-ios-modal": "2.0.0-3", I'm getting this when trying to run on iOS:

❌  duplicate symbol '_OBJC_CLASS_$_RNIUtilitiesModule' in
┌─ react_native_ios_context_menu(RNIUtilitiesModule-b92ebfa9be62aee50282024fea0c7bbf.o)
└─ react_native_ios_modal(RNIUtilitiesModule-54d99e7cf367dadfffd5a255f4517da1.o)

❌  duplicate symbol '_OBJC_METACLASS_$_RNIUtilitiesModule' in
┌─ react_native_ios_context_menu(RNIUtilitiesModule-b92ebfa9be62aee50282024fea0c7bbf.o)
└─ react_native_ios_modal(RNIUtilitiesModule-54d99e7cf367dadfffd5a255f4517da1.o)

❌  duplicate symbol '_OBJC_CLASS_$_RNIWrapperViewManager' in
┌─ react_native_ios_context_menu(RNIWrapperViewManager-f8c3f0cfed108e664fd50401441cf42e.o)
└─ react_native_ios_modal(RNIWrapperViewManager-68e825d59b1819710e3cd00834fa7de5.o)

❌  duplicate symbol '_OBJC_METACLASS_$_RNIWrapperViewManager' in
┌─ react_native_ios_context_menu(RNIWrapperViewManager-f8c3f0cfed108e664fd50401441cf42e.o)
└─ react_native_ios_modal(RNIWrapperViewManager-68e825d59b1819710e3cd00834fa7de5.o)

❌  duplicate symbol '_OBJC_CLASS_$_RNIWrapperViewModule' in
┌─ react_native_ios_context_menu(RNIWrapperViewModule-113e46a2448190e27d17b3aa5a450744.o)
└─ react_native_ios_modal(RNIWrapperViewModule-dc13d1c6676d7852722a52b957d40be6.o)

❌  duplicate symbol '_OBJC_METACLASS_$_RNIWrapperViewModule' in
┌─ react_native_ios_context_menu(RNIWrapperViewModule-113e46a2448190e27d17b3aa5a450744.o)
└─ react_native_ios_modal(RNIWrapperViewModule-dc13d1c6676d7852722a52b957d40be6.o)

❌  ld: 6 duplicate symbols for architecture arm64
❌  clang: error: linker command failed with exit code 1 (use -v to see invocation)

Unable to scroll FlatList

Hi! Thanks for awesome library.

I am currently trying to use it with FlatList, but scroll is not working. ScrollView works fine, but I can not use it in my particular case :(

Any ideas ?

calling modalRef.setVisibility(true); throws modal already dismissed error

here is the full error

[Error: message: Guard check failed, modal already dismissed - debugMessage: N/A- fileID: react_native_ios_modal/RNIModalView.swift- functionName: dismissModal(completion:)- lineNumber: 886]