Search found 20 matches

by Magnum
2022年 Dec 2日 14:34
Forum: 小程序开发
Topic: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)
Replies: 24
Views: 4010

Re: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)

react-native-webview 的示例中是有这种用法, 但这种用法在安卓中本身就存会将 require 进来的文件渲染成纯文本的问题。 因为 require 引入的是一个资源标识符,在一些安卓系统中并不能准确地识别该文件是一个HTML文件。 此处建议将导出的 HTML 文件转成字符串, 再赋值给 source={html: htmlString} const html = ` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> Hello ...
by Magnum
2022年 Dec 2日 11:42
Forum: 小程序开发
Topic: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)
Replies: 24
Views: 4010

Re: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)

react-native-webview 的示例中是有这种用法, 但这种用法在安卓中本身就存会将 require 进来的文件渲染成纯文本的问题。 因为 require 引入的是一个资源标识符,在一些安卓系统中并不能准确地识别该文件是一个HTML文件。 此处建议将导出的 HTML 文件转成字符串, 再赋值给 source={html: htmlString} const html = ` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> Hello ...
by Magnum
2022年 Dec 2日 10:54
Forum: 小程序开发
Topic: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)
Replies: 24
Views: 4010

Re: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)

xuanyi 2022年 Dec 2日 10:41

Code: Select all

	source={require('./svgitem.html')}

另外。 官方文档没说可以这么用吧

这个参考的博客是https://www.jianshu.com/p/9e6f1569227f

by Magnum
2022年 Dec 2日 10:02
Forum: 小程序开发
Topic: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)
Replies: 24
Views: 4010

Re: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)

大佬们,如果用react-native-webview实现WebView的话,react-native-webview哪个版本适合?我看教程还需要原生端进行配置,请问react-native-webview组件是否可用?

by Magnum
2022年 Dec 1日 18:59
Forum: 小程序开发
Topic: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)
Replies: 24
Views: 4010

Re: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)

大佬们,咨询个WebView的使用问题。 1.使用WebView直接加载html代码,是正常显示的。 import React, { Component } from 'react'; import { WebView } from 'react-native'; class MyInlineWeb extends Component { render() { return ( <WebView originWhitelist={['*']} source={{ html: '<h1>Hello world</h1>' }} /> ); } } 2.使用WebView加载域名链接,iOS正常,...
by Magnum
2022年 Nov 30日 15:31
Forum: 小程序开发
Topic: RN的react-native-draggable-flatlist与涂鸦组件有冲突怎么解决?
Replies: 7
Views: 1242

Re: RN的react-native-draggable-flatlist与涂鸦组件有冲突怎么解决?

还不行的话,尝试下这个组件 <DragOrderFlatlist data={showList} isOrder={true} icon={icons.menu} iconSize={convertX(20)} ItemSeparatorComponent={() => ( <Divider height={StyleSheet.hairlineWidth} color={theme.divider} style={{ marginBottom: StyleSheet.hairlineWidth }} /> )} iconColor="#BFBFBF" itemHeigh...
by Magnum
2022年 Nov 29日 10:40
Forum: 小程序开发
Topic: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)
Replies: 24
Views: 4010

Re: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)

用涂鸦面板环境(RN0.59.10)试了,不好用,所以反馈了以上的问题。

by Magnum
2022年 Nov 28日 17:15
Forum: 小程序开发
Topic: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)
Replies: 24
Views: 4010

Re: 在RN中用svg绘制三角形添加手势无法给予动画转换(Animated transform)

当前遇到的问题:
1.要实现平移滑动功能 OK
2.获取滑动后坐标或更新滑动后数据的points坐标,还没成功。
a.用自己创建RN工程的demo可以实现更新数据points坐标,详见今天问题补充中的demo代码;
b.鉴于上一种情况a不能获取更新数据中points坐标,考虑用onLayout的方法获取当前元素的坐标和宽高数据;涂鸦环境同样无效不能响应获取数据,把onLayout相关代码在自建RN demo工程中,可以获取相关数据。

想问下大佬们有无好的方法解决我的问题?