Pintura React Native example project

Run npm install to install project dependencies, then run npm start to start the development server.

Post install the Pintura React Native component does two things:

It creates a pintura.html file in the Pintura React Native npm package folder, this file is used as a WebView source.
It copies the pintura.html file to the android/app/src/main/assets folder so it can be loaded by Android, iOS doesn't require this step.

When we update @pqina/pintura or @pqina/pintura-video we need to run npm rebuild to rebuild the pintura.html file.

How to run

Have an Android emulator running (quickest way to get started), or a device connected.

npx react-native run-android

Make sure your AndroidManifest.xml has this prop android:windowSoftInputMode set to "adjustPan" so keyboard interaction in the editor works correctly.

npx react-native run-ios

OR

See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions.

This projects uses a test version of Pintura. This version of Pintura will show a watermark in the editor and on generated images.

Purchase a license at https://pqina.nl/pintura to use Pintura in production.

Name		Name	Last commit message	Last commit date
Latest commit History 11 Commits
.bundle		.bundle
__tests__		__tests__
android		android
assets		assets
ios		ios
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.node-version		.node-version
.prettierrc.js		.prettierrc.js
.watchmanconfig		.watchmanconfig
App.tsx		App.tsx
Gemfile		Gemfile
Gemfile.lock		Gemfile.lock
README.md		README.md
app.json		app.json
babel.config.js		babel.config.js
index.js		index.js
metro.config.js		metro.config.js
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json