koreanthinker / react-native-translator Goto Github PK

Hi there! Awesome package!

Tried both of the examples (component & hook) but no matter how I set it up, I get "timeout" as the error message and no results are given. Tried different translators and running iOS simulator and on an actual device, iPhone 12.

React-Native 0.67.3

So is the service down or is something missing in the examples?

When or useTranslator() is used, after the result is returned, an audio is played automatically saying 'this is what slow speed sounds like. How to solve this issue. Any help is much appreciated.

Also mentioned in this issue,

also the "eu policy" setInterval causes a sound in the "enter url" page
it should check the url in injecetedscript

Originally posted by @soroshzzz26 in #18 (comment)

version "react-native-translator": "^1.1.6",

code :

const onTranslate = async () => {
try {
const _result = await translate('en', 'es', value, {
type: 'google',
timeout: 10000,
});
setResult(_result);
console.log(_result);
} catch (error) {
console.log('translation error', error);
}
};

It seems the selector for google translation scrapping is not working anymore. Might need to change here:

c-wiz[role] > div > div[jsaction] > div > div

Whenever I click the button go into screen with your real time translator, my app crashes. Please help.
Or maybe can you provide any examples that works with AppNavigator?

Testing the following code in a component:

const {translate} = useTranslator(); // Translation object for translating
console.log("Testing translate:");
console.log(translate)

leads to the following output:

 LOG  Testing translate:
 LOG  undefined

And the translate() function does not work as a result

안녕하세요. 한국분 같아서 한국말로 문의드립니다.
제공된 Translator 컴포넌트는 제대로 작동하지만, 훅은 작동을 하지 않습니다.
제공된 테스트 코드를 똑같이 구동해보았습니다.
await translate("en", "fr", value) 호출 시 아래와 같은 promise 오류가 발생합니다.

Possible Unhandled Promise Rejection (id: 0):
TypeError: undefined is not an object (evaluating '_ref2.type')

Hello, great lib. I'm stuck in an specific point. I'm trying to translate some text and the hook only returns the text until a special character is found.

Example:
Input string: La excursión en kayak es nuestra actividad más popular; una aventura relajante donde puedes recorrer 5km por un río de aguas color azul turquesa, hermosos bancos de arena, árboles centenarios, y un paisaje autentico, agradable, y romántica para las parejas, divertida para amigos y familiares.

Output : The kayak excursion is our most popular activity;

As you can see it stops right at the first ";".

Removing the special characters allows the hook to translate it all but it's dynamic text so I can't really start replacing special characters.

Any ideas?

useEffect(() => {
    async function translateF() {
      const _result = await translate('vi', 'en', 'gà', {
        type: 'google',
        timeout: 5000,
      });
      console.log('lllllllllllllll', _result);
    }
    translateF();
  }, [translate]);

I write this in my screen, _result alway return "Enter a Url" on the first time I log, but after save the file a again, it show right text.
It also happen with

<Translator
        from="en"
        to="ja"
        value={value}
        onTranslated={t => setTimeout(() => setResult(t), 1000)}
      />
      <TextInput
        style={{ backgroundColor: 'red', height: 50, width: '100%' }}
        value={value}
        onChangeText={t => setValue(t)}
      />
      <Text>{result}</Text>

    result display "Enter a Url" before showing right sentences. How can I remove the "Enter a Url" text

got error for this function const onTranslate = async () => {
const _result = await translate('en', 'fr', value);
setResult(_result);
};
WARN Possible Unhandled Promise Rejection (id: 12):
TypeError: Cannot read property 'type' of undefined
TypeError: Cannot read property 'type' of undefined

I'm using normal react native jsx, also the real-time conversion is crashing the app.

• We need a way to put auto in from prop
• It is not necessary to support all TranslatorTypes. I think it may be supported by specific types.

• Getting this error
  Versions ( "react-native-webview": "^13.8.7". react-native-translator:"^1.2.0", "react-native": "0.69.0")
  @KoreanThinker @doublelam
  

If you need any more translators, please leave a comment!

• papago
• kakao
• deepl
• babla

When I used this hook in a project it didn't work. I created a new react native project to make sure that the error is not due to the fact that there is something problematic in that project. I ended up getting the same error.
There is an error on android (I can’t find out if the module works on ios)

Hello, I am trying to use the exact example code as below, but I am getting the error of:
TypeError: Cannot read properties of undefined (reading 'google')

This error is located at:
    in TranslatorProvider (created by App)
    in PersistGate (created by App)
    in Provider (created by App)
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in ehistolab(RootComponent)

Here is the code:

import React, {useState} from 'react';
import {
Text,
View,
TextInput,
Button,
Alert,
ActivityIndicator,
} from 'react-native';
import Translator, {
TranslatorProvider,
useTranslator,
} from 'react-native-translator';

const Component = () => {
const [value, setValue] = useState('');
const [result, setResult] = useState('');

return (
  <View>
    <Text>Component</Text>
    <Translator
      from="en"
      to="ko"
      value={value}
      type="papago"
      onTranslated={t => setResult(t)}
    />
    <TextInput
      placeholder="value (en)"
      value={value}
      style={{fontSize: 24}}
      onChangeText={t => setValue(t)}
    />
    <Text style={{fontSize: 24}}>result (ko) : {result}</Text>
  </View>
);
};

const Hook = () => {
const {translate} = useTranslator();
const [loading, setLoading] = useState(false);

const [value, setValue] = useState('');
const [result, setResult] = useState('');

const onTranslate = async () => {
  try {
    setLoading(true);
    const _result = await translate('en', 'kr', value, {
      type: 'kakao',
      timeout: 10000,
    });
    setResult(_result);
  } catch (error) {
    Alert.alert('Translate error!');
  } finally {
    setLoading(false);
  }
};

return (
  <View style={{marginTop: 24}}>
    <Text>Hook</Text>
    <TextInput
      placeholder="value (en)"
      value={value}
      style={{fontSize: 24}}
      onChangeText={t => setValue(t)}
    />
    <Text style={{fontSize: 24}}>result (ko) : {result}</Text>
    {loading ? (
      <ActivityIndicator />
    ) : (
      <Button title="translate" onPress={onTranslate} />
    )}
  </View>
);
};

const CustomTranslator = () => {
return (
  <TranslatorProvider>
    <View
      style={{
        flex: 1,
        paddingVertical: 100,
        paddingHorizontal: 20,
        backgroundColor: '#fff',
      }}>
      <Component />
      <Hook />
    </View>
  </TranslatorProvider>
);
};

export default CustomTranslator;

I have the problem on iOS and android. do you have any idea how to fix it?

Translate error with google type

EU cache policy need query string mornitoring like #35