Live list

class HomePage extends StatefulWidget {
 const HomePage({
   Key? key,
 }) : super(key: key);

 @override
 State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
 final liveListInfos = [
   {'live_id': $live_id_1, 'host_id': $host_id_1},
   {'live_id': $live_id_2, 'host_id': $host_id_2},
   {'live_id': $live_id_3, 'host_id': $host_id_3},
   {'live_id': $live_id_4, 'host_id': $host_id_4},
 ];

 final liveListController = ZegoLiveStreamingOutsideLiveListController();

 @override
 void initState() {
   super.initState();

   liveListController.updateHosts(
     liveListInfos
         .map((e) => ZegoLiveStreamingOutsideLiveListHost(
               user: ZegoUIKitUser(id: e['host_id']!, name: ''),
               roomID: e['live_id']!,
             ))
         .toList(),
   );
 }

 @override
 Widget build(BuildContext context) {
   return Scaffold(
     body: SafeArea(
       child: Container(
         height: 200,
         padding: const EdgeInsets.symmetric(horizontal: 10),
         child: ZegoLiveStreamingOutsideLiveList(
           appID: yourAppID,
           appSign: yourAppSign,
           controller: liveListController,
           style: ZegoLiveStreamingOutsideLiveListStyle(
             item: ZegoLiveStreamingOutsideLiveListItemStyle(
               foregroundBuilder: foreground,
             ),
           ),
         ),
       ),
     ),
   );
 }

 Widget foreground(
   BuildContext context,
   Size size,
   ZegoUIKitUser? user,
   String roomID,
 ) {
   return Align(
     alignment: Alignment.bottomCenter,
     child: ElevatedButton(
       child: Text('enter live'),
       onPressed: () {
         Navigator.push(
           context,
           MaterialPageRoute(
             builder: (context) => SafeArea(
               child: ZegoUIKitPrebuiltLiveStreaming(
                 appID: $your_app_id,
                 appSign: $your_app_sign,
                 userID: $user_id,
                 userName: $user_name,
                 liveID: roomID,
                 config: ZegoUIKitPrebuiltLiveStreamingConfig.audience(
                   plugins: [ZegoUIKitSignalingPlugin()],
                 )
                 ..outsideLives.controller = liveListController,
               ),
             ),
           ),
         );
       },
     ),
   );
 }
}

/// play mode
enum ZegoOutsideRoomAudioVideoViewListPlayMode {
 /// All streams (video and audio) in visible area will be automatically played internally.
 autoPlay,

 /// Control the play timing by yourself, and you need to manually call the API to play the stream (video and audio).
 /// [ZegoOutsideRoomAudioVideoViewListController]
 /// - startPlayOne
 /// - stopPlayOne
 /// - startPlayAll
 /// - stopPlayAll
 manualPlay,
}