#react-native #react-native-svg
#реагировать-родной #реагировать-родной язык-svg
Вопрос:
как добавить анимированный загрузчик svg в react native я попробовал react-native-svg, а также webview, но он все еще работает, загрузчик отображается в формате svgxml, но анимация не работает
import {StyleSheet, Text, View} from 'react-native'; import {SvgXml} from 'react-native-svg'; import {WebView} from 'react-native-webview'; const Test = () =gt; { const xml = ` lt;svg width="38" height="38" viewBox="0 0 38 46" xmlns="http://www.w3.org/2000/svg" stroke="red" gt; lt;g fill="none" fillRule="evenodd"gt; lt;g transform="translate(1 1)" strokeWidth="4"gt; lt;circle strokeOpacity=".5" cx="18" cy="18" r="18" /gt; lt;path d="M36 18c0-9.94-8.06-18-18-18"gt; lt;animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite" /gt; lt;/pathgt; lt;/ggt; lt;/ggt; lt;/svggt; `; return ( lt;View style={{height: '30%', marginTop: 30}}gt; lt;SvgXml xml={xml} width="100%" height="100%" /gt; lt;/Viewgt; ); }; export default Test; const styles = StyleSheet.create({});