@100mslive/react-native-hms 0.8.1 → 0.9.0

package/src/classes/HmsView.tsx

@@ -1,6 +1,7 @@
-import React from 'react';
-import { requireNativeComponent, ViewStyle } from 'react-native';
+import React, { useState, useEffect } from 'react';
+import { requireNativeComponent, StyleSheet, ViewStyle } from 'react-native';
 import { HMSVideoViewMode } from '../classes/HMSVideoViewMode';
+
 interface HmsViewProps {
   data: {
     trackId: string;
@@ -10,6 +11,7 @@ interface HmsViewProps {
   };
   scaleType: HMSVideoViewMode;
   style: ViewStyle;
+  onChange: Function;
 }
 
 const HmsViewComponent = requireNativeComponent<HmsViewProps>('HmsView');
@@ -29,8 +31,9 @@ export const HmsView = ({
   style,
   id,
   mirror,
-  scaleType = HMSVideoViewMode.ASPECT_FIT,
+  scaleType = HMSVideoViewMode.ASPECT_FILL,
 }: HmsComponentProps) => {
+  const [tempVal, setTempVal] = useState(0);
   const data = {
     trackId,
     sink,
@@ -38,5 +41,30 @@ export const HmsView = ({
     mirror: mirror || false,
   };
 
-  return <HmsViewComponent data={data} style={style} scaleType={scaleType} />;
+  const onChange = (values: any) => {
+    console.log(values, 'values');
+    setTimeout(() => {
+      setTempVal(1);
+    }, 2000);
+  };
+
+  useEffect(() => {
+    setTempVal(0);
+  }, [tempVal]);
+
+  return (
+    <HmsViewComponent
+      onChange={onChange}
+      data={data}
+      style={tempVal === 0 ? style : temporaryStyles.customStyle}
+      scaleType={scaleType}
+    />
+  );
 };
+
+const temporaryStyles = StyleSheet.create({
+  customStyle: {
+    width: '100%',
+    height: '50%',
+  },
+});

package/src/index.ts

@@ -46,6 +46,11 @@ export * from './classes/HMSRtmpStreamingState';
 export * from './classes/HMSServerRecordingState';
 export * from './classes/HMSBrowserRecordingState';
 export * from './classes/HMSRTMPConfig';
+export * from './classes/HMSHLSConfig';
+export * from './classes/HMSHLSMeetingURLVariant';
+export * from './classes/HMSHLSVariant';
+export * from './classes/HMSHLSStreamingState';
+export * from './classes/HMSVideoResolution';
 
 import { HMSSDK as HmsManager } from './classes/HMSSDK';
 export default HmsManager;

package/android/.project

@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<projectDescription>
-	<name>reactnativehmssdk</name>
-	<comment>Project reactnativehmssdk created by Buildship.</comment>
-	<projects>
-	</projects>
-	<buildSpec>
-		<buildCommand>
-			<name>org.eclipse.jdt.core.javabuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-		<buildCommand>
-			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-	</buildSpec>
-	<natures>
-		<nature>org.eclipse.jdt.core.javanature</nature>
-		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
-	</natures>
-	<filteredResources>
-		<filter>
-			<id>0</id>
-			<name></name>
-			<type>30</type>
-			<matcher>
-				<id>org.eclipse.core.resources.regexFilterMatcher</id>
-				<arguments>node_modules|.git|__CREATED_BY_JAVA_LANGUAGE_SERVER__</arguments>
-			</matcher>
-		</filter>
-	</filteredResources>
-</projectDescription>