草庐IT

react-templates

全部标签

android - React Native 中的状态栏颜色

如何更改StatusBar的背景颜色来自react-native的组件,无需编辑Android特定文件?文档says,我可以使用backgroundColor属性(property)。但它失败了。barStyle属性,setBarStyle&&setBackgroundColor静态方法也不能正常工作。只有hidden属性有效。我正在使用create-react-native-app,用Expobuild. 最佳答案 在ExpoApp中,您需要像这样在项目根目录中编辑app.json:{"expo":{"sdkVersion":"1

React Native -TextInput中的文本比TextInput更长,并且不在焦点中时,三个点

因此,我将尝试解释我的情况。我有一个单线TextInput。当用户是onFocus,文字中的文字TextInput可以比TextInput本身。但是,当用户不再onFocus,Android和iOS的行为不同。ios:将三个点添加到线的末端,并显示文本的开头。安卓:没有改变。如何使Android中的文本输入像在iOS中一样在这种特定情况下进行?谢谢看答案constplaceHolderLengthLimit=useMemo(()=>(tooltip?31:37),[tooltip],);constplaceholderString=useMemo(()=>placeholder?Platfor

android - React Native,TouchableOpacity 包装 float 按钮一无所获

我正在创建一个简单的操作按钮(float按钮)这是有效的:+这不是:{}}>+只需用TouchableOpacity包装,然后我的按钮就不会出现任何错误。react0.1.7,安卓然后我尝试将样式从View移动到TouchableOpacity,成功了{}}style={{width:this.props.size,height:this.props.size,position:'absolute',borderRadius:this.props.size/2,backgroundColor:'#ee6e73',bottom:10,right:10,}}>+谁能解释一下为什么?Reac

Ant Design:企业级 UI 设计语言和 React 库 | 开源日报 No.88

ant-design/ant-designStars:87.9kLicense:MITAntDesign是一个企业级UI设计语言和ReactUI库。为Web应用程序设计的企业级UI。提供一套高质量的开箱即用的React组件。使用可预测静态类型编写TypeScript代码。包含完整的设计资源和开发工具包。支持数十种语言国际化支持基于CSS-in-JS实现强大主题定制功能。hashicorp/consulStars:27.0kLicense:NOASSERTIONConsul是一个分布式、高可用的数据中心感知解决方案,用于连接和配置动态分布式基础架构上的应用程序。多数据中心:Consul支持任意数

XLSX插件使用 — 导入导出(含中文表头)(React+Antd 对上传表格做数据格式验证)

需求说明1.需要前端做数据导出(非调用接口)2.需要对上传的表格数据做验证,不通过验证需要提示格式不正确,阻拦上传技术栈介绍React+Antdesign+XLSXjs-xlsx介绍由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。GitHub地址:https://github.com/SheetJS/sheetjs官网地址:https://sheetjs.com/React使用文档:https://docs.sheetjs.com/do

React 表单组件实现

一、介绍    本文将会基于react实现表单的功能,包括表单提交和跳转、表单验证、动态表单元素、动态内容加载。二、使用教程1.表单提交功能exportdefaultclassFormSubmitextendsReact.PureComponent{state={name:""}handleNameChange=evt=>{this.setState({name:evt.target.value});}handleSubmit=evt=>{evt.preventDefault();//阻止默认事件if(!this.state.name){this.setState({error:"Nameis

android - react-native run-android 后的两个app

我正在制作一个ReactNative应用程序,早些时候它运行良好,但现在当我运行“react-nativerun-android”时,在成功安装和启动后,我可以在模拟器中看到两个应用程序,并且它们都是工作正常。那么,我为什么会看到2个应用程序,或者我应该说为什么我安装了一个额外的重复应用程序有什么想法吗? 最佳答案 我想你在遇到这个问题后在你的应用程序中添加了启动画面,首先转到这个目录:android/app/src/main/AndroidManifest.xml如果你添加两次类似的东西这个-->它将呈现两次并在您的设备上构建两个

android - "This template requires a minimum SDK version"-Android Eclipse ADT 插件报告错误的 min SDK。

我刚刚导入了我刚刚从我的git存储库中checkout的旧Android项目。当我尝试使用Eclipse创建新的Master/DetailFlowActivity时:New>Android>AndroidActivity>LoginActivity>NextEclipse报告我错误说:ThistemplaterequiresaminimumSDKversionofatleast3,andthecurrentminversionis1我在AndroidManifest.xml中的实际条目是:有人能告诉我我在这里缺少什么吗?我正在使用23.2版本的AndroidSDKTools和19.0.

如何使用React-Router V4预加载数据?

这是官方文档的示例(https://reacttraining.com/reaect-router/web/guides/server-rendering/data-loading):import{matchPath}from'react-router-dom'//insidearequestconstpromises=[]//use`some`toimitate``behaviorofselectingonly//thefirsttomatchroutes.some(route=>{//use`matchPath`hereconstmatch=matchPath(req.url,route)

如何通过单击React路由器V4的按钮在路径上导航?

我在React-Router-dom中有此路径:{/*app=home*/}一切正常,现在我想通过OnClick更改路径的任何地方,例如这样:history.push('/the/path')}>changepath我怎样才能做到这一点?看答案import{withRouter}from'react-router-dom';...classAppextendsReact.Component{...nextPath(path){this.props.history.push(path);}render(){return(this.nextPath('/the/path')}>changepath