pinar
๐ฒโ๏ธ Customizable, lightweight React Native carousel component with accessibility support.
File Explorer
Download Latest Version (.zip)- ---bug-report.md
- ---question.md
- ---regression-report.md
- -feature-request.md
- lint.yml
- test.yml
- dependabot.yml
- pre-commit
- setupTests.js
- autoplay.spec.js
- basic.spec.js
- custom-render.spec.js
- environment.js
- jest.config.js
- loop.spec.js
- methods.spec.js
- setup.js
- config
- AndroidManifest.xml
- MainActivity.kt
- MainApplication.kt
- rn_edit_text_material.xml
- ic_launcher.png
- ic_launcher_round.png
- ic_launcher.png
- ic_launcher_round.png
- ic_launcher.png
- ic_launcher_round.png
- ic_launcher.png
- ic_launcher_round.png
- ic_launcher.png
- ic_launcher_round.png
- strings.xml
- styles.xml
- AndroidManifest.xml
- build.gradle
- debug.keystore
- proguard-rules.pro
- gradle-wrapper.jar
- gradle-wrapper.properties
- build.gradle
- gradle.properties
- gradlew
- gradlew.bat
- settings.gradle
- Autoplay.tsx
- AutoplayVertical.tsx
- AutoplayWithoutLoop.tsx
- Basic.tsx
- Basic2Carousels.tsx
- BasicVertical.tsx
- CustomHeight.tsx
- CustomIndex.tsx
- CustomMergeStyles.tsx
- CustomRender.tsx
- CustomSize.tsx
- CustomStyles.tsx
- CustomWidth.tsx
- DisabledControls.tsx
- index.ts
- Loop.tsx
- Methods.tsx
- MethodsWithLoop.tsx
- TouchableImages.tsx
- 1.jpg
- 2.jpg
- 3.jpg
- Contents.json
- Contents.json
- AppDelegate.h
- AppDelegate.mm
- Info.plist
- LaunchScreen.storyboard
- main.m
- PrivacyInfo.xcprivacy
- examples.xcscheme
- project.pbxproj
- IDEWorkspaceChecks.plist
- contents.xcworkspacedata
- examplesTests.m
- Info.plist
- .xcode.env
- examples-Bridging-Header.h
- examples-tvOS-Bridging-Header.h
- Podfile
- Podfile.lock
- .eslintrc.js
- .gitignore
- .watchmanconfig
- app.json
- App.tsx
- babel.config.js
- declarations.d.ts
- Gemfile
- Gemfile.lock
- index.js
- jest.config.js
- metro.config.js
- package-lock.json
- package.json
- tsconfig.json
- basic.gif
- pinar.png
- Dimensions.js
- basic-options.test.tsx.snap
- render-props.test.tsx.snap
- style-props.test.tsx.snap
- basic-options.test.tsx
- render-props.test.tsx
- style-props.test.tsx
- index.ts
- Pinar.tsx
- styles.ts
- .editorconfig
- .eslintignore
- .eslintrc
- .gitignore
- .prettierignore
- AGENTS.md
- babel.config.js
- CHANGELOG.md
- index.d.ts
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
๐ Installation Guide
1. Get the code
git clone https://github.com/kristerkari/pinar
Downloads the entire project code from GitHub to your computer.
cd pinar
Moves into the project folder you just downloaded.
2. Gradle (Java/Kotlin)
Medium RecommendedPrerequisites
- Git Needed to download the project code from GitHub.
- JDK (Java) Required to build and run Java/Kotlin projects.
- Gradle If the repo includes gradlew (Gradle Wrapper), you don't need to install Gradle separately.
cd examples/android/app
This project's files live in a subfolder, so move into it first.
./gradlew build
Builds the project using Gradle.
A BUILD SUCCESSFUL message means it worked. The output is created under build/.
3. Node.js
EasyPrerequisites
yarn add pinar --save
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
4. Ruby
EasyPrerequisites
cd examples
This project's files live in a subfolder, so move into it first.
bundle install
Installs the Ruby libraries listed in the Gemfile.
If bundle install finishes without errors, continue with the run command from the README (e.g. rails server).
// repository documentation
Was this content helpful?
(0 ratings)