草庐IT

react-beautiful-dnd

全部标签

android - React Native - "Network request failed"获取非 https url

将sdk版本更新为26后,获取非httpsurl失败。这仅在生产构建中发生。在开发模式下一切正常。这是一段代码:fetch('http://something.com/').then(r=>{},e=>console.error(e));这会在logcat中产生以下内容:08-1219:08:47.5551458614623EReactNativeJS:[TypeError:Networkrequestfailed]这是我的android/app/build.gradle文件:android{compileSdkVersion23buildToolsVersion"27.0.3"def

android - 使用嵌套导航进行深度链接(react-native)

尝试按照本指南为我的项目设置深层链接:https://reactnavigation.org/docs/en/next/deep-linking.html但是,在尝试实现时,我总是看到主屏幕而不是帐户屏幕。运行这样的例子:adbshellamstart-W-aandroid.intent.action.VIEW-d"hdsmobileapp://main/account/"com.digithurst.hdsapp我有一个嵌套导航,如下所示:import{createDrawerNavigator,createStackNavigator}from"react-navigation";

android - 调用 setSelection() 后,ListView 不再对 onclick 使用react

在Zwitscher我有一个显示大量推文的ListView。然后用户可以重新加载时间线,如果有新的推文,新列表将加载到列表适配器(加上一些旧的),然后我通过滚动到列表的末尾listView.setSelection(x);其中x是新加载的推文中最旧的推文数量。这很好用。但不幸的是,这会“禁用”View上的onItemClick()和onItemLongClick()处理程序。如果我然后(例如从按钮)调用listView.setSelection(0);onItemClick()和onItemLongClick()的处理程序再次“启用”。我已经验证在调用setSelection(x)之后

React全站框架Next.js使用入门

Next.js是一个基于React的服务器端渲染框架,它可以帮助我们快速构建React应用程序,并具有以下优势:1.支持服务器端渲染,提高页面渲染速度和SEO;2.自带webpack开发环境,实现即插即用的特性;3.支持静态网站生成(SSG)和增量静态网站生成(ISR),提高网站性能。先看看原网站吧,Next.js-React应用开发框架|Next.js中文网Next.jsbyVercel-TheReactFramework1.安装Node.js和npm还是建议英文官网吧,信息可能更新更及时一些,官网建议node.js版本在18.17以上 这个就不说了吧,建议使用nvm作为node的多版本管理

八种在 React 中实现条件渲染技术的方法

条件渲染是React中的一个强大功能,它允许开发人员根据某些条件控制组件的显示。它在创建动态和交互式用户界面方面发挥着至关重要的作用。然而,了解条件渲染在React中的工作原理并掌握其实现对于开发人员来说可能具有挑战性,尤其是那些刚接触该框架的开发人员。今天这篇文章可以为您提供帮助。无论您是初学者还是希望提高技能的经验丰富的开发人员,本文都将为您详细解释React中的条件渲染,并提供实际示例来帮助您成为掌握它的人。那么,让我们深入研究并释放React中条件渲染的全部潜力!了解React中的条件渲染条件渲染是根据一定的条件选择性地渲染组件的过程。这使得开发人员能够创建更加动态和响应更快的用户界面

react项目启动加载过程个人笔记(Ant Design Pro)

一、前言最近在看前端react项目,在此总结下react项目启动加载过程,启动后是怎么显示首页的。(AntDesignPro项目)PS:需要大概了解下React与ES6二、react项目启动加载过程1.项目依赖安装与本地启动以本人的项目为例,是AntDesignPro项目;下载好项目后,首先需要安装依赖(node_modules):npminstall然后,查看package.json文件,发现其中有:"scripts":{......"start":"cross-envAPP_TYPE=siteumidev",......}因此,项目启动命令就是:npmrunstart//npmstart也

React笔记

React目录结构入口文件React是React的核心库ReactDom是提供与DOM相关的功能RegisterServiceWorker加快react的运行速度的一个js文件ReactDom.render()渲染页面React创建组件render里边放的模板是HTML和JavaScript的结合jsx创建子组件App.js根组件文件名首字母大写类名首字母大写引入组件importHomefrom‘./components/Home’render单个div可以不写();如果多个,需要用括号,并且需要一个大的div(根节点)包含起来构造函数constructor需要写super();super关键

android - Scrollview 中的 React-native Listview 不在 android 中滚动

在我们的React-native项目中,我们有一个屏幕,它有一个父Scrollview(拉动刷新),在ScrollView中我们有Listview(作为冷View)。在iOS中,我们可以滚动ScrollView(父View)和ListView(subview)。但在android中,我们无法滚动子ListView。当我们尝试滚动子Listview时,父View正在滚动。subview没有得到触摸。这与React-native问题有关吗?谁能告诉我如何解决这个问题?代码fragment:Someheader 最佳答案 您不应该将Lis

android - 使用 Android App Bundle 来减小 react-native apk 的大小

有没有办法使用AndroidAppBundle来减小android应用程序的大小,并在react-native项目中按需交付功能? 最佳答案 最近的拉取请求增加了对AndroidAppBundle的支持https://github.com/facebook/react-native/pull/23239它没有很好的文档记录,但如果您进行必要的更改,它会起作用。引用资料:https://github.com/react-native-community/releases/issues/91https://developer.andro

android - Expo - 网络响应超时错误 (create-react-native-app) (Windows 10)

我遇到了与此处完全相同的问题:NetworkResponseTimeOutError(create-react-native-app)(expo).每次我尝试通过局域网中的手机扫描二维码时,都会出现网络响应超时错误。我已经查看了链接的stackoverflow帖子和相关的github线程中的每一个响应:https://github.com/react-community/create-react-native-app/issues/144#issuecomment-296631692无济于事。我已经尝试过的一切用我的静态ip设置REACT_NATIVE_PACKAGER_HOSTNAM