反応したネイティブテキスト入力で新しくタイプされたテキストを取得するには？

Question

ユーザがTextInputにテキストを入力すると、onChangeTextとonChangeが呼び出されます。

• 私はonChangeコールバックからeventを取得していますし、新しくevent.nativeEvent.textからテキストを更新することができます。

• 私はonChangeTextコールバックからtextを取得していますし、新たにそれからテキストを更新することができます。

しかし、私は新しく入力したテキスト/文字のみが必要です。これを得る方法？例えば

： - は、我々はユーザータイプeようになりましたとすぐに、TextInputにテキストとしてsomを持っていると仮定することができますが、私はこれだけeの代わりに、テキスト全体someたい。

いずれか回避しますか？

Answer 1

文字列でこれを試してみてください、私は私がこれに関連する何かを見つけた場合、あなたが知っているだろうが、今のところ、あなたはこれで作業を得ることができます:)純粋なJSでこれを解決するために

Answer 2

あなたは以下のようにするTextInputののonChange機能を使用することができますのみ、新たに入力したテキストを取得するには： -

<TextInput 
    onChange={(event) => {console.log(event.nativeEvent.data)}} 
    onChangeText={(val) => {console.warn(val)}} 
/> 

としてはonChangeTextはあなたに完全なテキストを与えるだろうが、あなたはのonChangeからのイベントを使用することができ、指定新しく手紙を入手する。

EDIT

あなたのあなたがevent.nativeEvent.textで完全な新しいテキストとevent.nativeEvent.dataでいないデータを取得するネイティブの新しいバージョンを反応によります。だからあなたの要件のために、あなたは今のところ、以下のコードを使用することができます： -

   <TextInput 
       onChange={(evnt)=>{ 
         let newText = []; 
         let oldText = []; 

        for(let i=0;i<evnt.nativeEvent.text.length;i++) { 
         newText.push(evnt.nativeEvent.text[i]); 
         if(this.state.val[i]) { 
          oldText.push(this.state.val[i]);         
         } 
        } 
        let newLetter = ''; 
        for(let j=0;j<newText.length;j++) { 
         if(newText[j] !== oldText[j]) { 
          newLetter = newText[j]; 
          break; 
         } 
        } 
        console.log(newLetter); 
       }} 
       onChangeText={(val)=>{ 
        console.log(val); 
        this.setState({val}); 
       }} 
      /> 

あなたはnewLetterのコンソール内で、新たに入力された文字を取得します。我々はできる

getNewChar(str){ 
    return str[str.length - 1]; 
} 

Answer 3

一つの方法新しく入力した文字を

InputにonSelectionChangeの小道具を使って入力してください。 eventをonSelectionChangeから得ることができ、cursorポジションを得ることができます。 cursorポジションとフルテキストで簡単にと入力してください。。

例： - あなたは、新たに入力された文字を、いつでも

 <Input 
     ... 
     onChangeText={this.handleMessageChange} 
     onSelectionChange={this.handleMessageSelectionChange} 
     ... 
     /> 

や方法

handleMessageChange = (message: string) => { 
    this.setState({ message }); 
    }; 

handleMessageSelectionChange = (event: Object) => { 
    const { selection } = event.nativeEvent; 
    this.setState({ selection }); 
    }; 

は今、私は `イベントを使用して、未定義取得していますが、それは

getNewlyEnteredLetters =(): string => { 
     const { selection, message } = state; 
     const { start, end } = selection; 
     return start === end ? message[start -1 ] : message[message.length - 1] 
     }; // start === end implies that new letters are entered and not selection is made.