UI animation freezing when calling any set functions in Android

[jja08111]

The UI animation freezes for around 200-300ms when calling any set functions in Android.

Minimal reproducible example

HomeScreen.tsx

export default function HomeScreen() {
  return (
    <View>
      <TouchableOpacity onPress={() => KeyChain.setInternetCredentials('name', 'username', 'password')}>
        <Text>Set keychain</Text>
      </TouchableOpacity>
    </View>
  );
}

Problem

I think the encryptString function should be run on another thread because the stream handling method causes the UI thread to block.

react-native-keychain/android/src/main/java/com/oblador/keychain/cipherStorage/CipherStorageBase.java

Lines 340 to 367 in 4d88b62

	/** Encrypt provided string value. */
	@NonNull
	protected byte[] encryptString(@NonNull final Key key, @NonNull final String value,
	@Nullable final EncryptStringHandler handler)
	throws IOException, GeneralSecurityException {
	final Cipher cipher = getCachedInstance();
	// encrypt the value using a CipherOutputStream
	try (final ByteArrayOutputStream output = new ByteArrayOutputStream()) {
	// write initialization vector to the beginning of the stream
	if (null != handler) {
	handler.initialize(cipher, key, output);
	output.flush();
	}
	try (final CipherOutputStream encrypt = new CipherOutputStream(output, cipher)) {
	encrypt.write(value.getBytes(UTF8));
	}
	return output.toByteArray();
	} catch (Throwable fail) {
	Log.e(LOG_TAG, fail.getMessage(), fail);
	throw fail;
	}
	}

Thank you for your attention.

[lurdharry]

this is a very urgent issue