Open Ashik55 opened 8 months ago
Any Fix for this??
I had the same problem; The environment is the same as our friends above.
I've been struggling with the same problem since this morning. It took me 2 hours and I still couldn't find a solution.
Currently I am using "@react-native-clipboard/clipboard": "^1.13.2", as community/clipboard has problem with android.
@react-native-community/clipboard has been renamed to @react-native-clipboard/clipboard, what means that @react-native-community/clipboard is outdated (last release 3 years ago) and seems not to be compatible with latest react-native anymore.
I had the same problem; The environment is the same as our friends above. My problem is solved. According to the reply from the friend below and the error message I reported, I replaced the Android SDK. The error message finally mentioned that the corresponding version of Android build tools could not be found. Here, I could not find Android build tools 34 and 33. So, I went and reinstalled both versions of the tool and was able to use @react-native clipboard/clipboard as normal. My react and React-native versions are as follows: react: "18.2.0", react-native: "0.73.2"
My friends, i did some tests.
Maybe the problem is related to the jdk and sdk versions that is used.
as mentioned here: Setting up the development environment
you should have this:
Using this in my environment solved the problem for the last version (1.13.2)
I had the same problem after upgrading RN. I changed path of @react-native-community/clipboard in package.json with react-native-clipboard/clipboard and it worked for me
"@react-native-community/clipboard": "https://github.com/react-native-clipboard/clipboard.git"
"@react-native-clipboard/clipboard": "^1.13.2", you need this package instead of this "@react-native-community/clipboard": this thing work for me
this package is outdated now the last RN version that was working with this package was 0.72.3 you can use the new renamed package as mentioned above
but if you want a solution for the problem you have you can do the following
go to node_modules/@react-native-community/clipboard/android/src/main/java/com/reactnativecommunity/clipboard/ClipboardModule.java
and replace this file content with this code
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
package com.reactnativecommunity.clipboard;
import android.content.ClipboardManager;
import android.content.ClipData;
import android.content.Context;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.Promise;
import com.facebook.react.module.annotations.ReactModule;
/**
* A module that allows JS to get/set clipboard contents.
*/
@ReactModule(name = ClipboardModule.NAME)
public class ClipboardModule extends ReactContextBaseJavaModule {
public ClipboardModule(Context context) {
super(new ReactApplicationContext(context));
}
public static final String NAME = "RNCClipboard";
@Override
public String getName() {
return ClipboardModule.NAME;
}
private ClipboardManager getClipboardService() {
return (ClipboardManager) getReactApplicationContext().getSystemService(getReactApplicationContext().CLIPBOARD_SERVICE);
}
@ReactMethod
public void getString(Promise promise) {
try {
ClipboardManager clipboard = getClipboardService();
ClipData clipData = clipboard.getPrimaryClip();
if (clipData != null && clipData.getItemCount() >= 1) {
ClipData.Item firstItem = clipboard.getPrimaryClip().getItemAt(0);
promise.resolve("" + firstItem.getText());
} else {
promise.resolve("");
}
} catch (Exception e) {
promise.reject(e);
}
}
@ReactMethod
public void setString(String text) {
ClipData clipdata = ClipData.newPlainText(null, text);
ClipboardManager clipboard = getClipboardService();
clipboard.setPrimaryClip(clipdata);
}
@ReactMethod
public void hasString(Promise promise) {
try {
ClipboardManager clipboard = getClipboardService();
ClipData clipData = clipboard.getPrimaryClip();
promise.resolve(clipData != null && clipData.getItemCount() >= 1);
} catch (Exception e) {
promise.reject(e);
}
}
}
@FouadMagdy01 Even if we made changes to node_modules we can't push that change to a git repo. So if other team members try to pull my latest changes they again can have the same issue. So how can we handle this?
@FouadMagdy01 Even if we made changes to node_modules we can't push that change to a git repo. So if other team members try to pull my latest changes they again can have the same issue. So how can we handle this?
Use the patch-package package to share the changes with your team.
@FouadMagdy01 Even if we made changes to node_modules we can't push that change to a git repo. So if other team members try to pull my latest changes they again can have the same issue. So how can we handle this?
I know that and in most cases it is not the best solution to fix bugs in node modules
But there are some workarounds as @kimjisena mentioned below
this package is outdated now the last RN version that was working with this package was 0.72.3 you can use the new renamed package as mentioned above
but if you want a solution for the problem you have you can do the following go to
node_modules/@react-native-community/clipboard/android/src/main/java/com/reactnativecommunity/clipboard/ClipboardModule.java
and replace this file content with this code
/** * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ package com.reactnativecommunity.clipboard; import android.content.ClipboardManager; import android.content.ClipData; import android.content.Context; import com.facebook.react.bridge.ReactApplicationContext; import com.facebook.react.bridge.ReactContextBaseJavaModule; import com.facebook.react.bridge.ReactMethod; import com.facebook.react.bridge.Promise; import com.facebook.react.module.annotations.ReactModule; /** * A module that allows JS to get/set clipboard contents. */ @ReactModule(name = ClipboardModule.NAME) public class ClipboardModule extends ReactContextBaseJavaModule { public ClipboardModule(Context context) { super(new ReactApplicationContext(context)); } public static final String NAME = "RNCClipboard"; @Override public String getName() { return ClipboardModule.NAME; } private ClipboardManager getClipboardService() { return (ClipboardManager) getReactApplicationContext().getSystemService(getReactApplicationContext().CLIPBOARD_SERVICE); } @ReactMethod public void getString(Promise promise) { try { ClipboardManager clipboard = getClipboardService(); ClipData clipData = clipboard.getPrimaryClip(); if (clipData != null && clipData.getItemCount() >= 1) { ClipData.Item firstItem = clipboard.getPrimaryClip().getItemAt(0); promise.resolve("" + firstItem.getText()); } else { promise.resolve(""); } } catch (Exception e) { promise.reject(e); } } @ReactMethod public void setString(String text) { ClipData clipdata = ClipData.newPlainText(null, text); ClipboardManager clipboard = getClipboardService(); clipboard.setPrimaryClip(clipdata); } @ReactMethod public void hasString(Promise promise) { try { ClipboardManager clipboard = getClipboardService(); ClipData clipData = clipboard.getPrimaryClip(); promise.resolve(clipData != null && clipData.getItemCount() >= 1); } catch (Exception e) { promise.reject(e); } } }
This worked for me!
Environment
Macbook M1
Platforms
Android
Versions
"react": "18.2.0", "react-native": "0.73.2", "@react-native-community/clipboard": "^1.5.1",
Description
After installing @react-native-community/clipboard Unable to run the project. Error : ClipboardModule.java:14: error: cannot find symbol import com.facebook.react.bridge.ContextBaseJavaModule; ^ symbol: class ContextBaseJavaModule location: package com.facebook.react.bridge