Code Monkey home page Code Monkey logo

beeshell's Introduction

beeshell 2.0

一个 React Native 应用的基础组件库,基于 0.53.3 版本,提供一整套开箱即用的高质量组件,包含 JS 组件和复合组件(包含 Native 代码),涉及 FE、iOS、Android 三端技术,兼顾通用性和定制化,支持自定义主题,用于开发和服务企业级移动应用。

使用文档

更新日志

在线演示:

  • 下载美团 APP(iOS、Android 都可以)
  • 进入首页,点击右上角“+”号,选择“扫一扫”,扫描下面二维码

image

beeshell's People

Contributors

wxlworkhard avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

beeshell's Issues

Modal无法显示

跳转到另一个界面后再返回有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)

在 react 中使用报错.

问题是什么

问题的具体描述,尽量详细
我打算在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.

image

其他

其他信息

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

问题是什么

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

环境

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

在线例子

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

其他

其他信息

Calendar报backgroundColor的解析错误

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

禁止Longlist onEndReached方法

问题是什么

问题的具体描述,尽量详细
您好,在使用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}           
/>

其他

其他信息

slideModal不能适配全面屏

问题是什么

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

环境

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

在线例子

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

其他

其他信息

这个库还维护吗,半年未更新了

问题是什么

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

环境

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

在线例子

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

其他

其他信息

单选框按钮bug

问题是什么

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

在线例子

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

其他

其他信息

表单过长的键盘遮挡问题怎么处理?

问题是什么

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

环境

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

在线例子

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

其他

其他信息

modal onOpen为什么不起作用

问题是什么

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

环境

  • 手机: 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
  • 其他版本信息

在线例子

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

其他

其他信息

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

问题是什么

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

环境

  • 手机: 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>
            
            
        );

其他

为什么ios不能输入中文?

问题是什么

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>

其他

其他信息

什么时候会加入进度条或者进度弹窗呢

问题是什么

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

环境

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

在线例子

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

其他

其他信息

建议将原生组件独立成package,按需安装

问题是什么

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

优势:

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.