GithubHelp home page GithubHelp logo

abdulrahmanfares / animated_split_cam_flutter Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 516 KB

This Flutter app showcases various split screen effects using circles, providing an interactive and visually appealing user experience. The app includes different implementations, from basic splits to advanced features like camera integration for capturing images. Explore the dynamic visuals and discover how Flutter can create engaging UI effects.

License: MIT License

Kotlin 0.23% Swift 2.98% Objective-C 0.06% Dart 21.74% CMake 31.58% C++ 38.07% C 2.30% HTML 3.04%

animated_split_cam_flutter's Introduction

Animated Split Cam Flutter

Introduction

This Flutter project, "Animated Split Cam Flutter," is a mobile application that provides a creative split-camera functionality with different visual effects. The project is divided into several Dart files, each focusing on specific aspects of the application.

Screenshots

Basic Split

Moderate Split

Animated Split

Advanced Split with Cam

Getting Started

To run this project locally, follow the steps below:

  1. Clone the repository to your local machine:

    git clone https://github.com/AbdulRahmanFares/animated_split_cam_flutter.git
  2. Navigate to the project directory:

    cd animated_split_cam_flutter
  3. Open the project in your preferred Flutter IDE.

  4. Install dependencies by running:

    flutter pub get
  5. Update the main.dart file to run other files:

    // main.dart
    import 'package:animated_split_cam_flutter/screens/basic_split.dart';
    import 'package:animated_split_cam_flutter/screens/moderate_split.dart';
    import 'package:animated_split_cam_flutter/screens/animated_split.dart';
    import 'package:animated_split_cam_flutter/screens/advanced_split_with_cam.dart';
    import 'package:flutter/material.dart';
    
    void main() => runApp(const MyApp());
    
    class MyApp extends StatelessWidget {
      const MyApp({super.key});
    
      @override
      Widget build(BuildContext context) {
        return const MaterialApp(
          debugShowCheckedModeBanner: false,
          home: BasicSplit(), // Change this to the desired starting screen
        );
      }
    }

    Update the home property in the MaterialApp widget to point to the desired starting screen (e.g., BasicSplit, ModerateSplit, AnimatedSplit, or AdvancedSplitWithCam).

  6. Run the app on your emulator or connected device:

    flutter run

Features

  • Basic Split: Introduces a basic split functionality with circles.
  • Moderate Split: Adds a moderate split with conditional rendering.
  • Animated Split: Implements an animated split effect using the AnimatedContainer widget.
  • Advanced Split with Cam: Combines split functionality with the ability to capture images from the camera.

Dependencies

This project uses the image_picker package to facilitate image capture functionality. Make sure to check the image_picker documentation for any additional setup or configuration.

Issues and Contributions

If you encounter any issues or have suggestions for improvement, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Support

If you find this project helpful or would like to contribute to its continued development, consider supporting me with a coffee! Your support is invaluable.

Buy Me a Coffee

animated_split_cam_flutter's People

Contributors

abdulrahmanfares avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.