react native 第三方富文本编辑器 wxik/react-native-rich-editor(在移动端使用)
2024-10-21 13:32:28
//更新2021年8月23日
(1)wxik/react-native-rich-editor 个人认为功能比较全,推荐使用
关于使用的案例,官网上有,我直接粘贴我遇到的几个问题
1. 软键盘弹出时,不把RichToolbar顶上去的解决方法
// 在android/app/src/mian/AndroidManifest.xml
android:windowSoftInputMode="stateAlwaysHidden|adjustPan"`将这个替换成`android:windowSoftInputMode="adjustResize"
2. ScrollView没有向上滚动的原因是它没产生滚动条,那么如何让其产生滚动条呢
答:给ScrollView外层添加一个View,给View设置一个固定高度(事实上外层View有两个值,RichEditor获得焦点时和没获得焦点),那么如何设置这两个值呢,需要通过.keyboard软键盘的显示和隐藏状态
3. 解决ScrollView向上滚动问题
<View style={{height: this.state.scrollViewHeight}}>
<ScrollView
ref={(r)=>this.scrollRef = r}
style={{backgroundColor:"#fff",flex:1}}
>
<RichEditor
ref={(r) => this.richtext = r}
placeholder="写下来,思考才会越来越清晰"
editorInitializedCallback={() => this.onEditorInitialized()}
onChange = {e=>this.state.htmlText=e}
initialHeight={this.state.scrollViewHeight}
onCursorPosition={(currentHeight)=>this.handleScroll(currentHeight)}
onFocus={(a)=>this._getFoucs(a)} //这里我暂时,没法获得“焦点位置的当前高度”
/>
< /ScrollView>
</view>
handleScroll(currentHeight){
this.scrollRef.scrollTo({y: currentHeight - 30, animated: true});
}
4. 插入图片,我使用的是 react-native-image-picker,它目前使用时有问题
我的react native版本:0.63.4 ,安装完这个包后,运行时报错,项目启动不了,报错信息如下
Manifest merger failed : uses-sdk:minSdkVersion 16 cannot be smaller than version 21 declared in library [:react-native-image-picker]
解决方法:其实react-native-image-picker
最低要求是21的版本,那么我直接在build.gradle中,将minSdkVersion 修改为21即可
5. 点击某个位置时,ScrollView无法准确滚动到那个位置
答:未完成,因为onFocus属性的回调函数的参数,没有当前位置的高度(未解决)
6. 插入图片后能否自动换行
答:因为不换行,只会显示图片的一部分,换行后,一切才显示正常(未解决)。
另一个富文本编辑器 react-native-cn-richtext-editor
https://github.com/imnapo/react-native-cn-richtext-editor
最新文章
- openwrt下部署adbyby去广告大师 免luci 带自启动,自动开启透明代理
- mysql_fetch_array,mysql_fetch_row,mysql_fetch_assoc区别
- 驱动开发学习笔记. 0.05 linux 2.6 platform device register 平台设备注册 2/2 共2篇
- (转)【推荐】初级.NET程序员,你必须知道的EF知识和经验
- 号外号外:9月13号《Speed-BI云平台案例实操--十分钟做报表》开讲了
- Nodejs 配置+基础
- Linux 文件及文件夹权限
- posix thread线程
- 找两个string[ ]里不同的元素
- Example002定时打开窗口
- Dotnet Core Windows Service
- hashmap,hashTable concurrentHashMap 是否为线程安全,区别,如何实现的
- MyBatis:CRUD功能
- Hbase 架构体系
- shell 批量替换内容
- 使用QFileDiaglog实战designer快速开发
- IAR中的 identifier ";FILE"; is undefined 问题
- 微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法(转)
- Servlet----------ServletContext (重要)
- DDL为什么不能rollback?
热门文章
- 论文翻译:2022_PercepNet+: A Phase and SNR Aware PercepNet for Real-Time Speech Enhancement
- chunjun同步两个带Kerberos认证的CDH集群数据
- 多人协同开发,git workflow 提高团队协作能力
- element el-table固定列凹陷问题
- .net core 读取配置文件的几种方式
- STM32F4库函数初始化系列:三重ADC——DMA
- Zstack使用经验系列2-安装的存储配置
- 软件教程 | Jupyter&;stata之stata_kernel攻略
- C# Socket 通信时,怎样判断 Socket 双方是否断开连接
- [USACO17JAN]Promotion Counting P