Appinio Flutter Packages

1. Update Info.plist

Set deployment target to iOS 11. Add the following keys to Info.plist:

<dict>
  <key>CFBundleURLTypes</key>
  <array>
    <dict>
      <key>CFBundleURLSchemes</key>
      <array>
        <string>fb[your_facebook_app_id]</string>
      </array>
    </dict>
  </array>
  
  <key>LSApplicationQueriesSchemes</key>
  <array>
    <string>instagram</string>
    <string>fb</string>
    <string>fbauth2</string>
    <string>fbshareextension</string>
    <string>fbapi</string>
    <string>facebook-reels</string>
    <string>facebook-stories</string>
    <string>fb-messenger-share-api</string>
    <string>fb-messenger</string>
    <string>tg</string>
    <string>whatsapp</string>
    <string>twitter</string>
  </array>
  
  <key>NSPhotoLibraryUsageDescription</key>
  <string>$(PRODUCT_NAME) needs permission to access photos and videos on your device</string>
  <key>NSMicrophoneUsageDescription</key>
  <string>$(PRODUCT_NAME) does not require access to the microphone.</string>
  <key>NSCameraUsageDescription</key>
  <string>$(PRODUCT_NAME) requires access to the camera.</string>
  <key>NSAppleMusicUsageDescription</key>
  <string>$(PRODUCT_NAME) requires permission to play music</string>
  
  <key>FacebookAppID</key>
  <string>[your_facebook_app_id]</string>
  <key>FacebookClientToken</key>
  <string>[your_facebook_client_token]</string>
  <key>FacebookDisplayName</key>
  <string>[your_facebook_app_display_name]</string>
</dict>

2. Update AppDelegate.swift

Add the Facebook SDK initialization to your AppDelegate.swift:

import FBSDKCoreKit

// Inside the application function
FBSDKCoreKit.ApplicationDelegate.shared.application(
        application,
        didFinishLaunchingWithOptions: launchOptions
)

The OnBoardingSlider widget provides a parallax page slider. You can place it inside a Scaffold or CupertinoApp. It requires a list of background widgets, the total number of pages, the animation speed, and a list of widgets for the page bodies.

import 'package:flutter_onboarding_slider/flutter_onboarding_slider.dart';

class OnBoarding extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      home: OnBoardingSlider(
        headerBackgroundColor: Colors.white,
        finishButtonText: 'Register',
        finishButtonStyle: FinishButtonStyle(
          backgroundColor: Colors.black,
        ),
        skipTextButton: Text('Skip'),
        trailing: Text('Login'),
        background: [
          Image.asset('assets/slide_1.png'),
          Image.asset('assets/slide_2.png'),
        ],
        totalPage: 2,
        speed: 1.8,
        pageBodies: [
          Container(
            padding: EdgeInsets.symmetric(horizontal: 40),
            child: Column(
              children: <Widget>[
                SizedBox(height: 480),
                Text('Description Text 1'),
              ],
            ),
          ),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 40),
            child: Column(
              children: <Widget>[
                SizedBox(height: 480),
                Text('Description Text 2'),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

To use the custom video player, follow these steps:

1. Initialize the base controller: Create a VideoPlayerController (from the official video_player package) and define your video source (e.g., VideoPlayerController.network(url)).
2. Initialize the custom controller: Create a CustomVideoPlayerController. Pass the context and the videoPlayerController you created in step 1 to this constructor. This controller allows you to manually control fullscreen mode and control bar visibility.
3. Render the player: Pass the CustomVideoPlayerController to a CustomVideoPlayer widget.
4. Cleanup: Ensure you call _customVideoPlayerController.dispose() in your widget's dispose() method to release resources.

@override
void initState() {
  super.initState();
  // 1. Create base controller
  videoPlayerController = VideoPlayerController.network(videoUrl)
    ..initialize().then((value) => setState(() {}));

  // 2. Create custom controller
  _customVideoPlayerController = CustomVideoPlayerController(
    context: context,
    videoPlayerController: videoPlayerController,
  );
}

@override
void dispose() {
  // 4. Dispose custom controller
  _customVideoPlayerController.dispose();
  super.dispose();
}

@override
Widget build(BuildContext context) {
  return CustomVideoPlayer(
    customVideoPlayerController: _customVideoPlayerController
  );
}