2016-07-15 113 views
5

有沒有人想出一種方法來動態改變屏幕上的文本而不觸發渲染?帶有setNativeProps的React-Native更改文本

我的屏幕很大一部分利用setNativeProps移動零件,這意味着儘管使用了shouldComponentUpdate,但動畫會變得滯後。我想使用文本標籤,而不是文字原因在this後建議的TextInput標籤解決方法。

最佳案例場景是一個涉及setNaiveProps的解決方法,因爲它將遵循屏幕其餘部分的模式;不過,我目前計劃在屏幕上將所有數字0-9都移動到位,所以任何幫助都將不勝感激!

回答

2

事實證明,您實際上可以將TextInputs與Text元素(從我測試的內容)完全相同的方式進行格式化。爲了水平放置文本,你必須設置寬度(之前我遇到過的麻煩)。然而,對於那些仍然對原始問題感興趣的人,可以將TextInputs嵌入到文本元素中(每個文本元素一個,因爲沒有任何理由,並且會自動將它們放在一行中)。應用於文本元素的樣式將應用於TextInput。