React native hydrogen components

[sarat1669]

Can we have react-native components?
Like hydrogen-react-native?

[wb-ts]

As of now, there is no official package called "hydrogen-react-native" that provides React Native components. However, React Native itself comes with a rich set of built-in components that you can use to build your app's UI.

React Native provides a wide range of components such as View, Text, Image, ScrollView, TextInput, and many more. These components are specifically designed to work with React Native and create a native user interface for both iOS and Android platforms.

In addition to the built-in components, there is also a vibrant ecosystem of community-driven packages available on platforms like npm. These packages offer a variety of additional functionalities and pre-built components that you can use in your React Native projects.

If you are looking for specific components or functionalities beyond what is provided by React Native and the existing community packages, you have the option to create your own custom components. By leveraging the APIs and features provided by React Native, you can build reusable components tailored to your application's needs.

Remember to thoroughly research and evaluate any third-party packages you decide to use in your project by checking their documentation, popularity, active development, and community support.

[mwaleed-39]

I faced some issue in react native. when we pressed upload image, the error message shows:

How to call this API, when we upload image in front end side, the image will be stored in mongodb
I create API:
app.post('/finerequest', (req, res, next) => {

const file = req.files.image;
cloudinary.uploader.upload(file.tempFilePath, (err, result) => {
console.log(result)
const requestId = req.body.request_id
const fine = new Fine({
_id: new mongoose.Types.ObjectId,
request_id: requestId,
image: result.url
})
fine.save()
.then(result => {
res.status(200).json({
message: "Fine and Vehicle Repair Request added",
response: result
})
})
.catch(err => {
res.status(500).json({
message: "Fine and Vehicle request not added",
error: err
})
})
})
})

CODE:

import React, { useState } from 'react'
import { Alert, Button, View,StyleSheet } from 'react-native'
import * as ImagePicker from 'react-native-image-picker'
import {launchImageLibrary} from 'react-native-image-picker'

const options ={
title: 'Select Image',
type: 'library',
options: {
maxHeight:200,
maxWidth:200,
selectionLimit: 1,
mediaType: 'photo',
includeBase64: false,
}
}

const Request = () => {
const opengallery = async()=>{
const image = await ImagePicker.launchImageLibrary(options);
console.log(image)
}

return (

)
}
export default Request;

const styles = StyleSheet.create({
container:{
flex:1,
alignItems:'center',
justifyContent:'center'
}
})

when we pressed upload button, the error message shows:

Possible Unhandled Promise Rejection (id: 1):
TypeError: Cannot read property 'launchImageLibrary' of null
TypeError: Cannot read property 'launchImageLibrary' of null

Again and again same error show, we Image picker library, I think it has been deprecated. Provide Solution

Image pIcker or launchImageLibrary are not working