Animiert: `useNativeDriver` war kein spezifiziertes Problem von ReactNativeBase Input
Lesezeit: 4 Minuten
Supun Induwara
Ich habe heute (3. April 2020) ein neues React-Native-Projekt erstellt und eine Native-Basis hinzugefügt. Dann habe ich versucht, Eingaben mit dem Floating-Label hinzuzufügen. Es gibt eine Warnmeldung: Animiert: useNativeDriver wurde nicht angegeben. Dies ist eine erforderliche Option und muss explizit festgelegt werden true oder false. Wenn ich das Floating-Label-Attribut entfernt oder in StackedLabel geändert habe, ist die Warnung verschwunden. Während diese Warnung angezeigt wird, onChangeText wird nicht angerufen.
Wie die Warnung sagt, müssen wir die angeben useNativeDriver Option explizit und setzen Sie sie auf true oder false .
1- Animationsmethoden
Beziehen auf Animiertes Dokument beispielsweise mit Animationstypen oder Kompositionsfunktionen, Animated.decay(), Animated.timing(), Animated.spring(), Animated.parallel(), Animated.sequence()angeben useNativeDriver .
Animated.timing(this.state.animatedValue, {
toValue: 1,
duration: 500,
useNativeDriver: true, // Add this line
}).start();
2- Animierbare Komponenten
Animated exportiert die folgenden animierbaren Komponenten mit dem obigen Wrapper:
Animated.Image
Animated.ScrollView
Animated.Text
Animated.View
Animated.FlatList
Animated.SectionList
Beim Arbeiten mit Animated.event() hinzufügen useNativeDriver: false/true zur Animationskonfiguration.
Hallo, darf ich wissen, wo ich das Animated.timing finden und bearbeiten kann?
– Kaizen
3. Juli 2020 um 9:37 Uhr
Sie können Ihrer Antwort nicht einfach eine weitere Antwort hinzufügen, ohne seinen/ihren Namen anzugeben
– Nisharg Shah
2. November 2020 um 13:47 Uhr
@Nisharg Shah – Das ist dein Recht, aber ich habe das auf github.com gelesen: github.com/GeekyAnts/NativeBase/issues/… Ich habe es aus meiner Antwort entfernt, als ich sagte, ich hätte das in Github gelesen
– AbolfazlR
2. November 2020 um 15:23 Uhr
Keine Probleme, aber Sie müssen den Namen angeben, wenn Sie Ihre Antwort aktualisieren, nachdem eine Person dieselbe Antwort in Ihrem Beitrag hinzugefügt hat. Deshalb habe ich Ihnen und diesen das normale Verhalten von SO mitgeteilt
Seit langem mit dem gleichen Problem konfrontiert und im Jahr 2021 noch kein Update von nativen Entwicklern.
Verwenden Sie in der Zwischenzeit eine Problemumgehung, um irritierende gelbe Warnungen zu vermeiden useNativeDriver.
AKTUALISIEREN SIE RN V0.63 OBEN
YellowBox wird nun geändert und durch ersetzt LogBox
FUNKTIONAL
import React, { useEffect } from 'react';
import { LogBox } from 'react-native';
useEffect(() => {
LogBox.ignoreLogs(['Animated: `useNativeDriver`']);
}, [])
KLASSENBASIERT
import React from 'react';
import { LogBox } from 'react-native';
componentDidMount() {
LogBox.ignoreLogs(['Animated: `useNativeDriver`']);
}
UPDATE RN V0.63 UNTEN
FUNKTIONAL
import React, { useEffect } from 'react';
import { YellowBox } from 'react-native';
useEffect(() => {
YellowBox.ignoreWarnings(['Animated: `useNativeDriver`']);
}, [])
KLASSENBASIERT
import React from 'react';
import { YellowBox } from 'react-native';
componentDidMount() {
YellowBox.ignoreWarnings(['Animated: `useNativeDriver`']);
}
Das hat mir weitergeholfen
– Zeeshan Ahmad Khalil
22. Oktober 2020 um 7:03 Uhr
was bedeutet funktional wo soll ich das hinzufügen? Würde das für alle Erscheinungen der Nachricht funktionieren?
– Diego Rivera
3. November 2020 um 2:28 Uhr
React ist in zwei Stilen geschrieben, funktionsbasiert und klassenbasiert, Sie müssen diesen Code dort hinzufügen, wo Sie diese Warnung ignorieren möchten
– Nisharg Shah
3. November 2020 um 2:44 Uhr
Idk, ich sage nur, es ist eine Warnung, und das Ausblenden der Warnung ist nicht dasselbe wie das Beheben der Warnung, ja? Aber ich werde die Warnung vorerst auch ausblenden, da sie noch nicht behoben ist.
– Charitha Goonewardena
25. Januar 2021 um 17:58 Uhr
Hat nicht funktioniert! Versucht, es der UI-Datei sowie der Testdatei hinzuzufügen.