Features React Native

Welcome to Features React Native, a repository showcasing various features and components in a React Native application.

Installation

1. Clone the repository:

   git clone https://github.com/claudiuceaca/features-react-native.git
   

2. Install dependencies:

    cd features-react-native
    npm install
   

3. Install Android Studio and Dependencies: To set up the Android development environment, follow these steps:

   • Install Android Studio on your computer. During installation, ensure that you select the following components:

     • Android SDK
     • Android SDK Platform
     • Android Virtual Device
     • If not using Hyper-V: Performance (Intel ® HAXM) (For AMD or Hyper-V, refer to these instructions).

   • Open Android Studio, click on "More Actions," and select "SDK Manager." Within the "SDK Platforms" tab, ensure that "Android SDK Platform 34" is checked.

   • In the "SDK Tools" tab, ensure that "Android SDK Build-Tools 34" is selected.

   • Configure the ANDROID_HOME environment variable to point to your Android SDK location (usually %LOCALAPPDATA%\Android\Sdk).

   • Add the platform-tools directory (usually %LOCALAPPDATA%\Android\Sdk\platform-tools) to your system's PATH environment variable.

   Ensure Expo Go is installed on your Android simulator to run the app.

   For iOS, you can use the simulator provided by Xcode directly.

   Alternatively, you can follow the React Native Android setup guide or Expo setup guide for multiple environments for detailed instructions.

4. Run the app on iOS or Android:

   npx expo run:ios
   npx expo run:android
   

Features:

Feature Name	Showcase
Expandable Bottom Sheet
Drag To Rearrange
Swipeable Row
Draggable Item
Floating Buttons
FlatList Synced
Star Rating
Floating Reaction
Circular Progress Bar
Toast Message
FlatList Animated
Linear Progress Bar
Bar Chart Weekly
Counter Animated
Hour Picker Animated

Folder Structure:

      /                                         
      ├── app/
      │   ├── FeatureName/
      │   │   ├── FeatureNameComponent.tsx
      │   │   └── index.tsx
      │   ├── ...
      │   ├── _layout.tsx
      │   └── index.tsx  
      ├── components/  
      ├── constants/          
      ├── .gitignore
      ├── package.json                  
      └── ...

Contributing

Contributions are welcome! If you find any bugs or have suggestions for new features, please open an issue or submit a pull request.