negativetwelve / react-native-ux-cam Goto Github PK
View Code? Open in Web Editor NEWReact Native wrapper for uxcam.com
React Native wrapper for uxcam.com
Hey @negativetwelve,
Failed to resolve ' com.uxcam:uxcam:2.5.8', anyidea?
I've installed and linked latest version but it's still not showing up on the new dashboard. Previously, I was able to get it work on older SDK but couldn't get it work on this new version. Had tried uninstall and reinstall (https://help.uxcam.com/hc/en-us/articles/115000966691-React-Native) but still the same.
"react-native-ux-cam": "^5.0.0",
"react-native": "0.57.7",
Installation:
iOS:
duplicate symbol _OBJC_METACLASS_$_UXAFXMLRequestOperation in:
/Users/user/dev/proj/ios/Pods/UXCam/UXCam.framework/UXCam(UXAFXMLRequestOperation.o)
/Users/user/Library/Developer/Xcode/DerivedData/proj-bznhrvufguwopqdklacgmkihsmud/Build/Products/Debug-iphonesimulator/libRNUxcam.a(UXAFXMLRequestOperation.o)
clang: error: linker command failed with exit code 1 (use -v to see invocation)
pod installation conflict with react-native link, if remove libRNUxcam.a will get error:
Unhandled JS Exception: TypeError: Cannot read property 'startWithKey' of undefined
Android:
TypeError: undefined is not an object (evaluating 'UXCamBridge.startWithKey')
Hello,
Getting this warning while building:
No known class method for selector 'SetAutomaticScreenNameTagging:'
UXCam: 2.5.7 (pod)
"react-native-ux-cam": "^2.2.0"
"react-native": "^0.39.2",
iOS only
Thanks!
Currently crashes when using an int.
Documentation said, SDK containing setUserProperty
method. But I can't find anything similar in UXCam.js
.
getting error UXCam.startWithKey is not function
i have done all steps mentioned in documentation
ReactNative: 0.53.3
/Users/wojciechbozek/folder/some/node_modules/react-native-ux-cam/ios/RNUXCam.h:10:9: fatal error: 'React/RCTBridgeModule.h' file not found
#import <React/RCTBridgeModule.h>
^~~~~~~~~~~~~~~~~~~~~~~~~
Hello there,
I have integrated react-native-ux-cam as described in the docs and while it works perfectly on iOS, there seems to be a problem with Android: The project is building and running just fine, however there is no data appearing in UXCam. I can call UXCam functions without errors, but calling UXCam.urlForCurrentSession() just gives 'null/s/null'.
I am using React Native 0.51 with React Native Navigation. Does anyone have an idea how to solve this issue?
Hi, I've been trying to use this module but it keeps crashing with no error message on app start. I'm using react-native 0.43.3 and react-native-ux-cam 3.0.0.
I had to add "compile project(':react-native-ux-cam')" to the app/build.gradle to get it to register the package. Any ideas?
Doesn't appear to capture running video correctly. It instead just freezes to pevious screen and updating to a blank screen near the end of captures.
react - 16.0.0
react-native - 0.50.4
react-native-ux-cam - 4.4.0
When I'm sending the uxcam key from the router, the last visited page was rendering every time before the splash screen, can you address this issue?
There is UXCam's official document of function logEvent, logEventWithProperties :
https://help.uxcam.com/hc/en-us/articles/115000969072-Log-Events-and-Properties
so I applied :
(though the document says "UXCam.logEvent~", I think RNUxcam is right: Using UXCam makes "undefined: UXCam" error)
RNUxcam.logEventWithProperties('hotVideoClicked', {link})
I saw PR(#61).
Is the official document containing misinformation?
Hello, we've been using UXCam for a while and recently found a strange issue in our app. In iOS, the first tap on an item in a React Native ScrollView didn't work. Pressing a second time did. We started a fresh RN project and it worked. Then I went through our project and removed packages one by one. Removing UXCam from our Obj-C code caused it to go away.
Here is a screencast of it happening: https://youtu.be/B097vRsFxW0
Unfortunately the touches aren't shown in the screencast. But in the first half, I am scrolling the content in the ScrollView and then clicking on the 'Hi' element. The first click does nothing. But the second does indeed work. In the second half of the video I comment out UXCam initialization and clicking works the first time.
I'm using v3.3.0 of the package and tested with Pod v2.5.8 as recommended as well as the latest 2.5.11 from Cocopods repo.
Please help!
Here is the app's JS code. It's super simple:
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
View, ScrollView, TouchableOpacity, Text
} from 'react-native';
export default class scrollview extends Component {
render() {
return (
<ScrollView
keyboardShouldPersistTaps="always"
keyboardDismissMode="on-drag"
>
<TouchableOpacity onPress={() => {console.log("hi")}}>
<Text style={{
width: 50,
height: 50,
backgroundColor: '#aaaaaa',
margin: 20
}}>Hi</Text>
</TouchableOpacity>
</ScrollView>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
AppRegistry.registerComponent('scrollview', () => scrollview);
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
View, ScrollView, TouchableOpacity, Text
} from 'react-native';
export default class scrollview extends Component {
render() {
return (
<ScrollView
keyboardShouldPersistTaps="always"
keyboardDismissMode="on-drag"
>
<TouchableOpacity onPress={() => {console.log("hi")}}>
<Text style={{
width: 50,
height: 50,
backgroundColor: '#aaaaaa',
margin: 20
}}>Hi</Text>
</TouchableOpacity>
</ScrollView>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
AppRegistry.registerComponent('scrollview', () => scrollview);
On iOS, when implementing a scrollview, the scrollview actually stutters when UXCam is recording.
It's very obvious and reduces the overall performance of an app.
When implemented with DrawerView from react-native-navigation, the drawer itself also no longer works correctly. (likely due to same stutter issue).
I'm no longer implementing this due to the several performance issues this is creating.
Hi there!
I'm following the steps to integrate UXCam to my app, but it crashes on launch and it closes.
My build.gradle file:
repositories {
maven { url 'https://maven.fabric.io/public' }
maven { url 'http://sdk.uxcam.com/android/' }
}
...
dependencies {
compile project(':react-native-ux-cam')
compile project(':react-native-splash-screen')
compile project(':react-native-image-resizer')
compile project(':react-native-share')
compile project(':react-native-image-picker')
compile project(':react-native-push-notification')
compile ('com.google.android.gms:play-services-gcm:8.1.0') {
force = true;
}
compile project(':react-native-fetch-blob')
compile 'com.facebook.fresco:animated-gif:0.11.0'
compile project(':react-native-fabric')
compile fileTree(dir: "libs", include: ["*.jar"])
compile "com.android.support:appcompat-v7:23.0.1"
compile "com.facebook.react:react-native:+" // From node_modules
compile('com.crashlytics.sdk.android:crashlytics:2.6.5@aar') {
transitive = true;
}
}
Hi,
It seems like the react native hide all sensitive fields option is not implemented as a function?
UXCam.occludeAllTextFields(boolean occludeAll);
Found here:
https://help.uxcam.com/hc/en-us/articles/115000967031-Hide-Sensitive-Views
Hey @negativetwelve, thanks again for the package!
Working great on iOS; not integrating on Android but am getting a build error:
/Users/SLEE/Github/Aura/node_modules/react-native-ux-cam/android/src/main/java/com/rnuxcam/rnuxcam/UXCamModule.java:75: error: cannot find symbol
Object value = properties.getObject(key);
^
symbol: method getObject(String)
location: variable properties of type ReadableMap
/Users/SLEE/Github/Aura/node_modules/react-native-ux-cam/android/src/main/java/com/rnuxcam/rnuxcam/UXCamModule.java:76: error: no suitable method found for put(String,Object)
map.put(key, value);
^
method Map.put(String,String) is not applicable
(argument mismatch; Object cannot be converted to String)
method AbstractMap.put(String,String) is not applicable
(argument mismatch; Object cannot be converted to String)
method HashMap.put(String,String) is not applicable
(argument mismatch; Object cannot be converted to String)
2 errors
:react-native-ux-cam:compileReleaseJavaWithJavac FAILED
Am I missing something here?
"react-native-ux-cam": "^2.2.2",
"react-native": "^0.39.2",
Thanks!
OS:
Platform:
I did the following steps as specified in the README.md
.
Run the following:
react-native link react-native-ux-cam
Then, add the following to your Podfile:
pod "UXCam", "~> 2.5.12"
Then run:
pod install
When I build I got the error 'React/RCTBridgeModule.h' file not found
in RNUXCam.h
.
//
// RNUXCam.h
// RNUXCam
//
// Created by Mark Miyashita on 10/22/16.
// Copyright ยฉ 2016 Mark Miyashita. All rights reserved.
//
#import <React/RCTBridgeModule.h> // <------ Error: 'React/RCTBridgeModule.h' file not found
@interface RNUXCam : NSObject <RCTBridgeModule>
@end
Here is my Podfile:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '9.0'
target 'MyProject' do
# Your 'node_modules' directory is probably in the root of your project,
# but if not, adjust the `:path` accordingly
pod 'React', :path => '../node_modules/react-native', :subspecs => [
'Core',
'RCTActionSheet',
'RCTAnimation',
'RCTGeolocation',
'RCTImage',
'RCTLinkingIOS',
'RCTNetwork',
'RCTSettings',
'RCTText',
'RCTVibration',
'RCTWebSocket'
]
# Explicitly include Yoga if you are using RN >= 0.42.0
pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
# Third party deps podspec link
pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
pod 'react-native-document-picker', :path => '../node_modules/react-native-document-picker'
pod 'Firebase/Core', '~> 5.3.0'
pod 'Firebase/Messaging', '~> 5.3.0'
pod 'SentryReactNative', :path => '../node_modules/react-native-sentry'
pod 'FLAnimatedImage'
pod "UXCam", "~> 2.5.12"
pod 'react-native-ux-cam', :path => '../node_modules/react-native-ux-cam'
post_install do |installer|
installer.pods_project.targets.each do |target|
if target.name == "React"
target.remove_from_project
end
end
end
end
My Package:
"react": "16.0.0",
"react-native": "0.50.4",
"react-native-ux-cam": "^4.4.0",
I have added 'RNUXCam.xcodeproj' under libraries and added 'libRNUXCam' under link binary with libraries, but didn't get 'LibRNUXCam.a' file under libraries as mentioned in the image [?]
@negativetwelve or @aouaki or @Asaf-S, can you help me to fix this issue?
I don't want to install react-native-ux-cam by draging RNUxcam.xcodeproj file inside node_module/react-native-ux-cam/ios to your project on Libraries group on Xcode. That will cause something wrong on CircleCI.
So I rather install react-native-ux-cam by CocoaPods, but RNUxcam.podspec is missing something.
Hello, UXCam just released a new major version (3.0) with a new dashboard. Are you planning to update or do I have to submit a PR / build my own wrapper ๐ ?
I am following the instructions to install on iOS, and get to the pod install
step, but get the following error
[!] The 'Pods-<project>' target has transitive dependencies that include static binaries: (<path>/ios/Pods/UXCam/UXCam.framework)
Here is my full Podfile
target '<project>' do
use_frameworks!
pod 'Firebase/Core', '~> 4.13.0'
pod 'Firebase/Auth', '~> 4.13.0'
pod 'Firebase/Database', '~> 4.13.0'
pod 'react-native-ux-cam', :path => '../node_modules/react-native-ux-cam'
pod "UXCam", "~> 2.5.12"
target '<project>Tests' do
inherit! :search_paths
end
end
Hi, I'm having issues trying to use the module. It builds fine but if I console.log(UXCam) in react-native after importing UXCam it returns {}.
Strangely, if I change UXCam.js to export the class UXCam instead of the instance "new UXCam()", console.log(UXCam) returns a function. If I try to instantiate it there, it also returns an empty object. Is there something going on with the class export?
Also, I've noticed console.log(NativeModules) in react-native returns an empty object, but console.log(NativeModules.RNUXCam) returns [object object] in UXCam.js, if that helps.
I installed and configured uxcam to work. I tested it for the last 2 weeks fine... now, i'm getting this error when I open my app:
Let me know how I can help debug.
2019-02-25 12:12:35.058 16527-17368/com.hhs2 I/MPEG4Writer: limits: 4294967295/0 bytes/us, bit rate: -1 bps and the estimated moov size 3195 bytes
2019-02-25 12:12:35.064 16527-17380/com.hhs2 I/MPEG4Writer: setStartTimestampUs: 10472686720
2019-02-25 12:12:35.064 16527-17380/com.hhs2 I/MPEG4Writer: Earliest track starting time: 10472686720
2019-02-25 12:12:35.089 16527-17368/com.hhs2 D/MPEG4Writer: Video track stopping
2019-02-25 12:12:35.089 16527-17368/com.hhs2 D/MPEG4Writer: Video track source stopping
2019-02-25 12:12:35.089 16527-17380/com.hhs2 W/MPEG4Writer: 0-duration samples found: 1
2019-02-25 12:12:35.089 16527-17368/com.hhs2 D/MPEG4Writer: Video track source stopped
2019-02-25 12:12:35.089 16527-17380/com.hhs2 I/MPEG4Writer: Received total/0-length (1/0) buffers and encoded 1 frames. - Video
2019-02-25 12:12:35.090 16527-17368/com.hhs2 D/MPEG4Writer: Video track stopped
2019-02-25 12:12:35.090 16527-17368/com.hhs2 D/MPEG4Writer: Stopping writer thread
2019-02-25 12:12:35.090 16527-17379/com.hhs2 D/MPEG4Writer: 0 chunks are written in the last batch
2019-02-25 12:12:35.090 16527-17368/com.hhs2 D/MPEG4Writer: Writer thread stopped
2019-02-25 12:12:35.090 16527-17368/com.hhs2 D/MPEG4Writer: Video track stopping
2019-02-25 12:12:35.122 16527-17333/com.hhs2 E/unknown:ReactNative: Exception in native call
java.lang.ClassCastException: java.lang.Double cannot be cast to java.lang.String
at com.facebook.react.bridge.ReadableNativeArray.getString(ReadableNativeArray.java:134)
at com.facebook.react.bridge.JavaMethodWrapper$5.extractArgument(JavaMethodWrapper.java:73)
at com.facebook.react.bridge.JavaMethodWrapper$5.extractArgument(JavaMethodWrapper.java:69)
at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:359)
at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:160)
at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
at android.os.Handler.handleCallback(Handler.java:751)
at android.os.Handler.dispatchMessage(Handler.java:95)
at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:29)
at android.os.Looper.loop(Looper.java:154)
at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:192)
at java.lang.Thread.run(Thread.java:761)
2019-02-25 12:12:35.150 16527-16527/com.hhs2 D/ReactNative: CatalystInstanceImpl.destroy() start
2019-02-25 12:12:35.152 16527-17333/com.hhs2 D/BluetoothSerial: Catalyst instance destroyed
2019-02-25 12:12:35.152 16527-17333/com.hhs2 D/BluetoothSerial: Stop all devices
2019-02-25 12:12:35.156 16527-17332/com.hhs2 W/unknown:ReactNative: Tried to enqueue runnable on already finished thread: 'native_modules... dropping Runnable.
2019-02-25 12:12:35.157 16527-17332/com.hhs2 W/MessageQueue: Handler (com.facebook.react.bridge.queue.MessageQueueThreadHandler) {e2af06a} sending message to a Handler on a dead thread
java.lang.IllegalStateException: Handler (com.facebook.react.bridge.queue.MessageQueueThreadHandler) {e2af06a} sending message to a Handler on a dead thread
at android.os.MessageQueue.enqueueMessage(MessageQueue.java:543)
at android.os.Handler.enqueueMessage(Handler.java:643)
at android.os.Handler.sendMessageAtTime(Handler.java:612)
at android.os.Handler.sendMessageDelayed(Handler.java:582)
at android.os.Handler.post(Handler.java:338)
at com.facebook.react.bridge.queue.MessageQueueThreadImpl.runOnQueue(MessageQueueThreadImpl.java:59)
at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
at android.os.Handler.handleCallback(Handler.java:751)
at android.os.Handler.dispatchMessage(Handler.java:95)
at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:29)
at android.os.Looper.loop(Looper.java:154)
at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:192)
at java.lang.Thread.run(Thread.java:761)
Issue:
build failed due to the following files!
/Users/...Build/Products/Debug-iphoneos/react-native-ux-cam/libreact-native-ux-cam.a(RNUXCam.o)
/Users/.../Build/Products/Debug-iphoneos/libRNUXCam.a(RNUXCam.o)
And also, do we need to have both pod->react-native-ux-cam and pod->uxcam pod lines at pod file?
There's a big issue with virtual memory usage when a video is playing.
As a video is being recorded on a big screen, the memory usage shoots through the roof exceeding beyond 1400 MB if a full screen video is playing beyond 5 minutes.
The app will close unexpectingly and the logs report that the app has
'exceeded mem limit: ActiveHard 1400 MB'.
My project is a detached expo project with the latest expo & react native version and this react-native-ux-cam plugin linked to it.
Here is my config
Computer:
npm packages:
"expo": "^30.0.0",
"expokit": "^1.7.1",
"react": "16.3.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-30.0.0.tar.gz",
[...]
"react-native-ux-cam": "^4.5.0",
[...]
Podfile:
basic detached podfile +
pod 'react-native-ux-cam', :path => '../node_modules/react-native-ux-cam'
pod "UXCam", "~> 2.5.12"
When doing pod install
I got
Installing UXCam (2.5.18)
...
Installing react-native-ux-cam (4.5.0)
...
The project is building well without the react-native-ux-cam link however once I add the two lines above and I do the pod install. I always get a Build Failed with:
'React/RCTBridgeModule.h' file not found
I tried to remove the React part as suggested in some issues I found in stackOverflow or github but without any success.
Do you have any other suggestion ?
Hello,
I followed the instructions and add UXCam.startWithKey('my-key') to index.app.js. The app runs successfully on both android and ios devices. But I am still stuck on the integration page since it say no data received.
How can I debug this issue?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.