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 Components
Connect the host view, audience view, and live-room list to your application navigation.
Give creators a place to begin
Add the React Native host preparation screen so creators can preview the camera before broadcasting. Connect the screen to your authenticated host account.
import { AnchorPage } from 'react-native-tuikit-live';
<AnchorPage onBack={goBack} onEndLive={showLiveSummary} />CUSTOMIZATION
Customize Your React Native Live UI Kit
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
git clone https://github.com/Tencent-RTC/TUIKit_ReactNative.gitimport { useLoginState } from
'react-native-tuikit-atomic-x';
const { login } = useLoginState();
login({ sdkAppID: SDKAppID, userID, userSig });React Native Live Streaming UI Kit FAQs
What can I build with the React Native Live UI Kit?
The React Native Live Streaming UI Kit includes host, audience, and room-list interfaces. Connect these TUILiveKit components to your user accounts and React Native navigation to create a complete viewing flow.
How does this UI Kit fit with the SDK?
How do I connect a React Native live viewer to a broadcast?
How do I authenticate users of the React Native Live Streaming UI Kit?
Is the React Native Live Streaming UI Kit free to use?
How do I integrate React Native Live Streaming UI Kit with React Native?
How do I test React Native Live Streaming UI Kit before releasing my app?
How do I customize the interface for React Native Live Streaming UI Kit?
Customize the copied live/src/pages/Anchor/index.tsx screen and the shared tuikit-atomic-x resources. For example, add a Product action to the bottom bar and connect its onPress to your own catalog panel. Icons live in src/static/images and text in src/locales under tuikit-atomic-x. Rebuild after changes. The button does not provide a catalog, checkout, or payment backend; those remain application responsibilities.