meituan-dianping / beeshell Goto Github PK
View Code? Open in Web Editor NEWReact Native 组件库
License: MIT License
React Native 组件库
License: MIT License
BottomModal组件请优化一下,问题是:弹出来的时候的动画有点卡顿,体验不是很友好,ios和安卓都有此问题
最新版本无法引入,显示unable to resolve beeshell .........................
Input 组件如何实现只能输入纯数字或者限制输入多少个字符?
是否可以提供个长按保存图片到相册的功能组件
Radio设置的Laber不显示,只显示前面的勾勾
如果有请提供在线例子或代码片段
其他信息
单独状态栏是亮的,看着很奇怪,能不能优化一下
问题的具体描述,尽量详细
如果有请提供在线例子或代码片段
其他信息
android下,通过美团APP扫码无法查看,ios下面可以,android我拿了华为的几个型号的手机试了都不行。
请问有计划提供 Typescript 类型支持吗
<Dropdown
ref={c => {
this.slideModal2 = c;
}}
offsetX={0}
style={{ width: screenW, height: setSpText(150) }}
offsetY={this.state.offsetY2}
cancelable={false}
value={this.state.value}
data={this.state.data}
onChange={this.onChange}
/>
长列表数据量大的时候还是卡有白屏的现象
基于flatlist的长列表数据量大的时候还是卡有白屏的现象,建议直接封个原生的
目前比较通用的是用 react-native-web 进行 react-native 替换,或者写两套代码(RN 一套,react 一套)请问 beeshell 是如何兼容三端(iOS、Android、web)的?
问题的具体描述,尽量详细
如果有请提供在线例子或代码片段
其他信息
Scrollpicker 滚动选择组件,我想把选中的数据赋值给input上,里面的onChange函数:该函数提供两个索引参数,第一个是列索引,第二个是行索引,怎么拿到选中的数据赋值给input?
美团APP扫描查看在线demo演示,页面出错
问题的具体描述,尽量详细
您好,在使用Longlist时,进入页面后会请求一次数据接口,但是onEndReached也会请求一次,导致进入页面后会有两次数据接口请求,请问如何禁止onEndReached方法
如果有请提供在线例子或代码片段
<Longlist
data={list}
renderItem={this.handleRenderItem.bind(this)}
hasRefreshControl={true}
onEndReached={this.refreshState}
onRefresh={this.refreshState}
/>
其他信息
components/Modal/extensions/目录下面没有找到PageModal的东西
问题的具体描述,尽量详细
如果有请提供在线例子或代码片段
其他信息
ios模拟器开发,input框不能输入中文
<View style={styles.container}>
<View>
<Form>
<FormItem prop="mobile" label="手机号" hasLine style={styles.formItemLabel}>
<Input
placeholder="请输入手机号"
textAlign="left"
value={this.state.name}
onChange={text => {
this.setState({ mobile: text });
console.log(this.state.mobile);
}}
/>
</FormItem>
<FormItem prop="password" label="密码" hasLine>
<Input placeholder="请输入密码" textAlign="left" value={this.state.password} />
</FormItem>
</Form>
</View>
</View>
其他信息
问题的具体描述,尽量详细
如果有请提供在线例子或代码片段
其他信息
跳转到另一个界面后再返回有modal的界面,modal.open()无法显示
modal
如果有请提供在线例子或代码片段
其他信息
使用的导航:react-native-navigation
Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
in Topview
in RCTView (at View.js:44)
in Unknown (at renderApplication.js:34)
in RCTView (at View.js:44)
in RCTView (at View.js:44)
in AppContainer (at renderApplication.js:33)
如题
https://static.ession.com/app/7b22ad6207679f842564150a1b659691.mp4
有没有可能出一个类似这种的控件 大概sectionList带头部 内容是可以滑动切换的FlatList这种概念
我自己尝试手动做了一个但是性能很差 也没多的时间去慢慢做了
所以还想请教一下是否有实现方法 谢谢了!
点击选择图片或者是从相册上传都没有跳转
render() {
const configs = {
title: '上传图片',
cancelButtonTitle: '取消',
takePhotoButtonTitle: '拍照',
chooseFromLibraryButtonTitle: '从图库上传',
maxWidth: 1600,
maxHeight: 1200,
isAllowCrop: true,
isAllowRotate: true,
aspectX: 4,
aspectY: 3,
quality: 1,
customButtons: {
delImage: {
title: '删除',
position: 'top',
brandColor: 'brandWarning',
},
},
responseFileType: 'base64',
callback(res) {
console.log(res);
},
onCustomButtonPress(btn) {
console.log(btn);
}
}
return (
<View style={GlobalStyle.container}>
{/* 导航栏样式 */}
<CommunalNavBar
leftItem = {() => this.renderLeftItem()}
titleItem = {() => this.renderTitleItem()}
rightItem = {() => this.renderRightItem()}
/>
<Imagepicker
ref={(c) => {
this._imagepicker = c;
}}
{...configs}>
</Imagepicker>
</View>
);
无
问题的具体描述,尽量详细
如果有请提供在线例子或代码片段
其他信息
问题的具体描述,尽量详细
<Modal
onOpen={()=>{this.setState({
newName: this.props.userName,
})}}
我想在modal打开的时候去修改newName,打开后正好能显示。但是onOpen是失效的。
onOpened是可以使用的,但是界面打开后setState会有很明显的刷新效果。
请问在界面打开之前怎么让setState生效
问题的具体描述,尽量详细
如果有请提供在线例子或代码片段
其他信息
安卓苹果最新app都看不了演示
还有怎么在本地运行 example
问题的具体描述,尽量详细
slideModal从底部弹出,在不开启全面屏的情况下正常,开启全面屏之后,距离底部会出现一定距离,距离应该等于底部虚拟按键高度
其他信息
Radio单选框的bug反馈:
如果有请提供在线例子或代码片段
其他信息
在使用TextInput的时候不能输入中文
问题的具体描述,尽量详细
如果有请提供在线例子或代码片段
其他信息
发现个问题,下面这个null赋值会导致崩溃:
Calender的index.js的renderItem (item, date, desc) {
return React.createElement(
View,
{
style: [
styles.gridItem,
{
backgroundColor: desc.selected
? variables.mtdBrandPrimary
: desc.today ? variables.mtdFillBody : null
}
]
},
建议 or 讨论
由于原生组件既有的复杂度,以及维护升级成本,建议将原生组件,独立为单独的package,名称可参考 beeshell-原生组件名称。
优势:
<NavigationBar
title={props.name ? props.name : '没写标题'}
backLabel={props.back?'返回':''}
forwardLabel={props.rightText?props.rightText:''}
onPressBack={() => {
Actions.pop()
}}
onPressForward={props.onPress}
style={{height: isIphoneX ? px2dp(176) : px2dp(130),backgroundColor:'transparent'}}
/>
使用基于BottomModel和Scrollpicker的弹出效果太卡了。有3秒左右的卡顿,RN的版本是0.59,有优化的空间吗?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.