REACT NATIVE LIVE CAPABILITIES
React Native Live Streaming Features
Go live
- Host and audience roles
- Room lifecycle management
Bring people together
- Live video playback
- Audience participation
Make it yours
- Flexible application layout
- Platform-specific building blocks
Explore React Native Live Streaming APIs
Connect AtomicXCore video views and room state to your React Native host and audience interface.
Add a React Native Live Video View
Place the AtomicXCore video view in your React Native layout. Bind it to room state while your application supplies the surrounding controls and navigation.
import { LiveCoreView } from
'react-native-tuikit-atomic-x/lib/module/components/LiveCoreView';
<LiveCoreView
liveId={liveID}
coreViewType="pushView"
style={{ flex: 1 }}
/>Start Live Streaming in React Native
Authenticate the host, prepare local audio and video, and create the live room. Use the same room ID for the media view and room lifecycle.
const { createLive } = useLiveListState();
createLive({
liveInfo: {
liveID, liveName: 'Studio sessions',
seatLayoutTemplateID: 600, keepOwnerOnSeat: true,
},
onSuccess: handleStarted, onError: handleError,
});CUSTOMIZATION
Customize Your React Native Live Interface
Arrange video, audience interactions, and navigation around the live experience in your React Native app.
GET STARTED
Add Live Streaming to Your React Native App
- 01
- 02
- 03
npx expo install react-native-tuikit-atomic-x \
expo-dev-client expo-build-propertiesimport { useLoginState } from
'react-native-tuikit-atomic-x';
const { login } = useLoginState();
login({ sdkAppID: SDKAppID, userID, userSig });React Native Live Streaming SDK FAQs
Does the React Native Live Streaming SDK include a video view?
The React Native Live Streaming SDK includes AtomicXCore video views and room state APIs. Your app supplies the host and audience interface around those views; choose TUILiveKit for ready-made screens.
How does this SDK fit with UI Kit?
Can I run the SDK in Expo Go?
The SDK includes native modules. Use a native development build, such as an Expo development client, and complete the iOS and Android configuration in the guide.