Gathering detailed insights and metrics for react-native-image-picker-form
Gathering detailed insights and metrics for react-native-image-picker-form
Gathering detailed insights and metrics for react-native-image-picker-form
Gathering detailed insights and metrics for react-native-image-picker-form
react-native-image-crop-picker
Select single or multiple images, with cropping option
react-native-image-picker
A React Native module that allows you to use native UI to select media from the device library or directly from the camera
@react-native-picker/picker
React Native Picker for iOS, Android, macOS, and Windows
react-native-modal-datetime-picker
A react-native datetime-picker for Android and iOS
npm install react-native-image-picker-form
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
22 Stars
21 Commits
7 Forks
4 Watching
16 Branches
3 Contributors
Updated on 15 Jul 2024
JavaScript (100%)
Cumulative downloads
Total Downloads
Last day
50%
6
Compared to previous day
Last week
-54.5%
10
Compared to previous week
Last month
-59.2%
49
Compared to previous month
Last year
-26.8%
635
Compared to previous year
A React Native component factory to use with tcomb-form-native
library. Currently using react-native-image-crop-picker
to provide image selection.
1$ yarn add react-native-image-picker-form
After that, follow the instructions on: https://github.com/ivpusic/react-native-image-crop-picker#install
When configuring your tcomb-form-native
form, use the factory
option to set as SelectImageFactory
.
You can change the text displayed on ActionSheet or BottomSheet setting a options value or change the title with title option on config
.
Default locale is en-US
:
1import React from 'react-native' 2import t from 'tcomb-form-native' 3import ImageFactory from 'react-native-image-picker-form' 4 5const Form = t.form.Form 6const DocumentFormStruct = t.struct({ 7 image: t.String 8}) 9 10type Props = {} 11type State = { 12 value: Object, 13 options: Object 14} 15 16class App extends React.Component<Props, State> { 17 constructor(props) { 18 super(props) 19 this.state = { 20 value: {}, 21 options: { 22 fields: { 23 image: { 24 config: { 25 title: 'Select image', 26 options: ['Open camera', 'Select from gallery', 'Cancel'] 27 // Used on Android to style BottomSheet 28 style: { 29 titleFontFamily: 'Roboto' 30 } 31 }, 32 error: 'No image provided', 33 factory: ImageFactory 34 } 35 } 36 } 37 } 38 } 39 40 render() { 41 return ( 42 <Form 43 ref={(ref: any) => { 44 this.form = ref 45 }} 46 type={DocumentFormStruct} 47 value={this.state.value} 48 options={this.state.options} 49 /> 50 ) 51 } 52}
MIT License
Copyright (c) 2018 InterfaceKit
Antonio Moreno Valls <amoreno at apsl.net>
Built with 💛 by APSL.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 0/18 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
67 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-25
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More