meituan-dianping / beeshell Goto Github PK

https://static.ession.com/app/7b22ad6207679f842564150a1b659691.mp4

有没有可能出一个类似这种的控件 大概sectionList带头部 内容是可以滑动切换的FlatList这种概念

我自己尝试手动做了一个但是性能很差 也没多的时间去慢慢做了

所以还想请教一下是否有实现方法 谢谢了！

问题是什么

建议 or 讨论
由于原生组件既有的复杂度，以及维护升级成本，建议将原生组件，独立为单独的package，名称可参考 beeshell-原生组件名称。

优势：

1. 原生组件大都较大，以及有一堆依赖，分包便于无次需求的用户更容易的上手。
2. 原生组件可定制难度大，同类组件较多，便于用户灵活选择
3. 分包之后，可独立升级更新，对用户的影响更小

components/Modal/extensions/目录下面没有找到PageModal的东西

问题是什么

长列表数据量大的时候还是卡有白屏的现象

环境

• 手机: 小米max3
• 系统：安卓 8
• beeshell版本：1.0.1

基于flatlist的长列表数据量大的时候还是卡有白屏的现象，建议直接封个原生的

安卓苹果最新app都看不了演示
还有怎么在本地运行 example

BottomModal组件请优化一下，问题是：弹出来的时候的动画有点卡顿，体验不是很友好，ios和安卓都有此问题

问题是什么

问题的具体描述，尽量详细

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

问题是什么

ios模拟器开发，input框不能输入中文

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

<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>

其他

其他信息

android下，通过美团APP扫码无法查看，ios下面可以，android我拿了华为的几个型号的手机试了都不行。

Scrollpicker 滚动选择组件，我想把选中的数据赋值给input上，里面的onChange函数：该函数提供两个索引参数，第一个是列索引，第二个是行索引，怎么拿到选中的数据赋值给input？

Input 组件如何实现只能输入纯数字或者限制输入多少个字符？

问题是什么

问题的具体描述，尽量详细

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

问题是什么

问题的具体描述，尽量详细

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

如题

问题是什么

问题的具体描述，尽量详细

环境

• 手机: android
• 系统：6.0
• beeshell版本：new
• 其他版本信息

在线例子

<Modal
onOpen={()=>{this.setState({
newName: this.props.userName,
})}}

其他

我想在modal打开的时候去修改newName,打开后正好能显示。但是onOpen是失效的。
onOpened是可以使用的，但是界面打开后setState会有很明显的刷新效果。
请问在界面打开之前怎么让setState生效

是否可以提供个长按保存图片到相册的功能组件

问题是什么

问题的具体描述，尽量详细

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

组件的演示App为什么不放出来呢？

单独状态栏是亮的，看着很奇怪，能不能优化一下

目前比较通用的是用 react-native-web 进行 react-native 替换，或者写两套代码（RN 一套，react 一套）请问 beeshell 是如何兼容三端（iOS、Android、web）的？

问题是什么

Radio设置的Laber不显示，只显示前面的勾勾

环境

• 手机: Android
• 系统：7.1.1
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

问题是什么

问题的具体描述，尽量详细

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

使用基于BottomModel和Scrollpicker的弹出效果太卡了。有3秒左右的卡顿，RN的版本是0.59，有优化的空间吗?

组件的演示用最新的app真的不能查看

最新版本无法引入，显示unable to resolve beeshell .........................

跳转到另一个界面后再返回有modal的界面，modal.open()无法显示
modal

环境

• 手机: iPhone 6 simulator
• 系统：iOS 10.2
• beeshell版本：1.0.1
• 其他版本信息
  "react-native-navigation": "^2.0.2634"

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

使用的导航：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)

我看了源码 好像是用到了 动态加载?
如何解决这个问题

请问有计划提供 Typescript 类型支持吗

问题是什么

点击选择图片或者是从相册上传都没有跳转

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

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>
            
            
        );

其他

无

问题是什么

问题的具体描述，尽量详细

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

美团APP扫描查看在线demo演示，页面出错

在使用TextInput的时候不能输入中文

问题是什么

问题的具体描述，尽量详细
您好，在使用Longlist时，进入页面后会请求一次数据接口，但是onEndReached也会请求一次，导致进入页面后会有两次数据接口请求，请问如何禁止onEndReached方法

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

<Longlist
    data={list}
      renderItem={this.handleRenderItem.bind(this)}
      hasRefreshControl={true}
      onEndReached={this.refreshState}
      onRefresh={this.refreshState}           
/>

其他

其他信息

问题是什么

Radio单选框的bug反馈：

1. 文档错误 checkedValues 应该是 checkedValue
2. 当Radio.Item的trueValue为0时会不能识别
3. onChange事件触发时机不正确，render，press，change时都会触发，正确触发时机应该是change时

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1

在线例子

如果有请提供在线例子或代码片段

其他

其他信息

<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'}}
/>

发现个问题,下面这个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
}
]
},

问题是什么

问题的具体描述，尽量详细
我打算在h5 app中使用该库的多级联动,使用的是react

环境

• 平台 : react app
• beeshell版本：^1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段
步骤: 1. npm install beeshell --save
2. 引入 import { Cascader } from "beeshell";
npm start报错:
You may need an appropriate loader to handle this file type.

其他

其他信息

问题是什么

问题的具体描述，尽量详细

环境

• 手机: RedMi 6A
• 系统：android 8.1.0
• beeshell版本：1.0.1
• 其他版本信息

在线例子

slideModal从底部弹出，在不开启全面屏的情况下正常，开启全面屏之后，距离底部会出现一定距离，距离应该等于底部虚拟按键高度

其他

其他信息

问题是什么

问题的具体描述，尽量详细

环境

• 手机: iPhone 8
• 系统：iOS 11.2
• beeshell版本：1.0.1
• 其他版本信息

在线例子

如果有请提供在线例子或代码片段

其他

其他信息