BigBlueButton
/
bigbluebutton-tablet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Expose RPSystemBroadcastPickerView to ReactNative

Browse Source
pull/2/head
Tiago Jacobs 3 years ago
parent 57fb1be486
commit 9edfac1cd6
6 changed files with 76 additions and 27 deletions
Show Stats Download Patch File Download Diff File

41
App.js
Unescape View File

@ -8,6 +8,8 @@
import React from 'react';
import type {Node} from 'react';
import BroadcastPicker from './react/BroadcastPicker';
import {
SafeAreaView,
ScrollView,
@ -60,24 +62,27 @@ const App: () => Node = () => {
};
return (
<SafeAreaView style={backgroundStyle}>
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
<ScrollView
contentInsetAdjustmentBehavior="automatic"
style={backgroundStyle}>
<View
style={{
backgroundColor: isDarkMode ? Colors.black : Colors.white,
}}>
<Section title="Welcome">
Welcome to first version of <Text style={styles.highlight}>BigBlueButton Mobile</Text>
</Section>
<Section title="Debug">
<DebugInstructions />
</Section>
</View>
</ScrollView>
</SafeAreaView>
<>
<BroadcastPicker/>
<SafeAreaView style={backgroundStyle}>
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
<ScrollView
contentInsetAdjustmentBehavior="automatic"
style={backgroundStyle}>
<View
style={{
backgroundColor: isDarkMode ? Colors.black : Colors.white,
}}>
<Section title="Welcome">
Welcome to first version of <Text style={styles.highlight}>BigBlueButton Mobile</Text>
</Section>
<Section title="Debug">
<DebugInstructions />
</Section>
</View>
</ScrollView>
</SafeAreaView>
</>
);
};

16
ios/BigBlueButton.xcodeproj/project.pbxproj
Unescape View File

@ -20,6 +20,7 @@
F1F9558327B7612C000608EB /* BroadcastSetupViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = F1F9558227B7612C000608EB /* BroadcastSetupViewController.swift */; };
F1F9558727B7612C000608EB /* BroadcastUploadSetupUI.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = F1F9557D27B7612C000608EB /* BroadcastUploadSetupUI.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
F1F9558A27B7612C000608EB /* BroadcastUpload.appex in Embed App Extensions */ = {isa = PBXBuildFile; fileRef = F1F9557227B7612B000608EB /* BroadcastUpload.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
F1F9559A27B77D4C000608EB /* SystemBroadcastPickerManager.m in Sources */ = {isa = PBXBuildFile; fileRef = F1F9559927B77D4C000608EB /* SystemBroadcastPickerManager.m */; };
F29A21BB38B66F71560C2BDC /* libPods-BigBlueButton-BigBlueButtonTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = BA9899CCCE408726F08764D3 /* libPods-BigBlueButton-BigBlueButtonTests.a */; };
/* End PBXBuildFile section */
@ -88,6 +89,7 @@
F1F9557F27B7612C000608EB /* UIKit.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = UIKit.framework; path = System/Library/Frameworks/UIKit.framework; sourceTree = SDKROOT; };
F1F9558227B7612C000608EB /* BroadcastSetupViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BroadcastSetupViewController.swift; sourceTree = "<group>"; };
F1F9558427B7612C000608EB /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
F1F9559927B77D4C000608EB /* SystemBroadcastPickerManager.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = SystemBroadcastPickerManager.m; sourceTree = "<group>"; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
@ -158,6 +160,7 @@
13B07FAE1A68108700A75B9A /* BigBlueButton */ = {
isa = PBXGroup;
children = (
F1F9559527B7726F000608EB /* ReactModules */,
13B07FAF1A68108700A75B9A /* AppDelegate.h */,
13B07FB01A68108700A75B9A /* AppDelegate.m */,
13B07FB51A68108700A75B9A /* Images.xcassets */,
@ -233,6 +236,14 @@
path = BroadcastUploadSetupUI;
sourceTree = "<group>";
};
F1F9559527B7726F000608EB /* ReactModules */ = {
isa = PBXGroup;
children = (
F1F9559927B77D4C000608EB /* SystemBroadcastPickerManager.m */,
);
path = ReactModules;
sourceTree = "<group>";
};
/* End PBXGroup section */
/* Begin PBXNativeTarget section */
@ -328,7 +339,7 @@
TestTargetID = 13B07F861A680F5B00A75B9A;
};
13B07F861A680F5B00A75B9A = {
LastSwiftMigration = 1120;
LastSwiftMigration = 1320;
};
F1F9557127B7612B000608EB = {
CreatedOnToolsVersion = 13.2.1;
@ -520,6 +531,7 @@
buildActionMask = 2147483647;
files = (
13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */,
F1F9559A27B77D4C000608EB /* SystemBroadcastPickerManager.m in Sources */,
13B07FC11A68108700A75B9A /* main.m in Sources */,
);
runOnlyForDeploymentPostprocessing = 0;
@ -633,6 +645,7 @@
);
PRODUCT_BUNDLE_IDENTIFIER = "org.bigbluebutton.mobile.$(PRODUCT_NAME:rfc1034identifier)";
PRODUCT_NAME = BigBlueButton;
SWIFT_OBJC_BRIDGING_HEADER = "BigBlueButton-Bridging-Header.h";
SWIFT_OPTIMIZATION_LEVEL = "-Onone";
SWIFT_VERSION = 5.0;
VERSIONING_SYSTEM = "apple-generic";
@ -659,6 +672,7 @@
);
PRODUCT_BUNDLE_IDENTIFIER = "org.bigbluebutton.mobile.$(PRODUCT_NAME:rfc1034identifier)";
PRODUCT_NAME = BigBlueButton;
SWIFT_OBJC_BRIDGING_HEADER = "BigBlueButton-Bridging-Header.h";
SWIFT_VERSION = 5.0;
VERSIONING_SYSTEM = "apple-generic";
};

8
ios/ReactModules/SystemBroadcastPicker.m
Unescape View File

@ -1,8 +0,0 @@
//
// SystemBroadcastPicker.m
// BigBlueButton
//
// Created by Tiago Daniel Jacobs on 12/02/22.
//
#import <Foundation/Foundation.h>

27
ios/ReactModules/SystemBroadcastPickerManager.m
Unescape View File

@ -0,0 +1,27 @@
//
// SystemBroadcastPickerManager.h
// BigBlueButton
//
// Here we export RPSystemBroadcastPickerView button to the react application, so we can add it on screen.
//
// Created by Tiago Daniel Jacobs on 12/02/22.
#import <ReplayKit/ReplayKit.h>
#import <React/RCTViewManager.h>
@interface SystemBroadcastPickerManager : RCTViewManager
@end
@implementation SystemBroadcastPickerManager
RCT_EXPORT_MODULE(BBBN_SystemBroadcastPicker)
- (UIView *)view
{
UIViewController *rootViewController = [UIApplication sharedApplication].delegate.window.rootViewController;
RPSystemBroadcastPickerView *pickerView = [[RPSystemBroadcastPickerView alloc]initWithFrame:CGRectMake(0, 0, 16, 16)];
return pickerView;
}
@end

8
react/BroadcastPicker.js
Unescape View File

@ -0,0 +1,8 @@
import React from 'react';
import SystemBroadcastPicker from './ios-native-components/BBBN_SystemBroadcastPicker';
const BroadcastPicker = ({children, title}): Node => {
return <SystemBroadcastPicker style={{marginTop: 50, height: 50, widht: 50, backgroundColor: '#EEE'}} />;
};
export default BroadcastPicker;

3
react/ios-native-components/BBBN_SystemBroadcastPicker.js
Unescape View File

@ -0,0 +1,3 @@
import {requireNativeComponent} from 'react-native';
export default requireNativeComponent('BBBN_SystemBroadcastPicker');
Write Preview
Loading…
Cancel
Save