草庐IT

react-native-background-timer

全部标签

javascript - 具有深色不透明度的文本叠加图像 React Native

我试图在图像上叠加标题-图像变暗且不透明度较低。然而,不透明效果也在改变覆盖文本-使其变暗。有什么办法解决这个问题吗?这是它的样子:这是我的自定义组件代码(文章预览-上图是一行文章预览组件)://componentforarticlepreviewtouchableimage/*willrequirethefollowing-rssfeedandapi-user'skeywordinterestsfromparseInhome.js-parsedbneedstobeaugmentedtoincludewhattheyheart-parsedbneedstobeaugmentedtoin

javascript - React hook useEffect 永远/无限循环持续运行

我正在试用新的ReactHooks的useEffectAPI,它似乎永远在无限循环中运行!我只希望useEffect中的回调运行一次。这是我的引用代码:单击“运行代码片段”以查看“运行useEffect”字符串被无限地打印到控制台。functionCounter(){const[count,setCount]=React.useState(0);React.useEffect(()=>{console.log('RunuseEffect');setCount(100);});return(Count:{count});}ReactDOM.render(,document.querySe

javascript - 为什么以及何时我们需要在 React 中绑定(bind)函数和事件处理程序?

classSomeClassextendsComponent{someEventHandler(event){}render(){return}}我看到了不同版本的------这里------部分。//1return//2return{this.someEventHandler(event)}>//3return版本有何不同?或者这只是一个偏好问题?谢谢大家的回答和评论。所有这些都是有帮助的,如果您和我一样对此感到困惑,我强烈建议您首先阅读此链接。http://blog.andrewray.me/react-es6-autobinding-and-createclass/

javascript - 如何在 native JavaScript 中使用边距、填充、边框获取元素宽度/高度(无 jQuery)

寻找可靠的方法来计算元素的width/height+margin-padding+border仅使用原生JS并且是xbrowser(IE8+) 最佳答案 如果您只处理边距、填充和边框属性的像素值,您可以执行以下操作://we'reassumingareferencetoyourelementinavariablecalled'element'varstyle=element.currentStyle||window.getComputedStyle(element),width=element.offsetWidth,//oruse

javascript - 在React/Flux中处理计时器

我正在开发一个应用程序,在该应用程序中,我希望计时器从60秒倒计时到0,然后更改一些内容,然后计时器在60再次重启。我已经在React和Flux中实现了它,但是由于我是新手,所以我仍然遇到一些问题。我现在想为计时器添加一个开始/停止按钮。我不确定在哪里放置/处理计时器状态。我有一个组件Timer.jsx,看起来像这样:varReact=require('react');varAppStore=require('../stores/app-store.js');varAppActions=require('../actions/app-actions.js');functiongetTi

javascript - 我如何在 React 中深度克隆一个对象?

letoldMessages=Object.assign({},this.state.messages);//this.state.messages[0].id=718console.log(oldMessages[0].id);//Prints718oldMessages[0].id=123;console.log(this.state.messages[0].id);//Prints123如何防止oldMessages成为引用,我想改变oldMessages的值而不改变state.messages的值 最佳答案 你需要做一个深拷

javascript - 如何更改 react native 按钮的背景颜色

我正在尝试更改按钮的背景颜色,但似乎没有任何效果,我尝试了raised属性,也许我使用不正确。你们有什么想法吗?importReactfrom'react';import{StyleSheet,Text,View,Button,TouchableHighlight}from'react-native';exportdefaultclassAppextendsReact.Component{state={name:"Mamadou"};myPress=()=>{this.setState({name:"Coulibaly"});};render(){return();}}conststy

javascript - require() 必须有一个字符串文字参数 React Native

我的应用程序中有一个组件,如果它被分配直接字符串值(“someImage.png”),它工作正常,但如果我尝试通过将图像名称存储在局部变量中来分配它,它会给出这个异常“require()必须有一个字符串文字参数"这条线工作正常问题出现在这种情况下letimageName="./Resources/bg/imageone.png";我还发现报告了同样的问题here,但还没有人回答这个问题。你能帮我一下吗? 最佳答案 这个动态图像示例还可以展示如何正确地为变量分配图像源值。建议将整个require分配给一个变量,而不仅仅是它的值。//G

javascript - 如何从 React 访问样式?

我试图在React中访问一个div的宽度和高度样式,但我遇到了一个问题。这是我到目前为止得到的:componentDidMount(){console.log(this.refs.container.style);}render(){return(//setreff);}这有效,但我得到的输出是一个CSSStyleDeclaration对象,在all属性中我可以为该对象设置所有CSS选择器,但它们都没有设置。它们都设置为空字符串。这是CSSStyleDecleration的输出:http://pastebin.com/wXRPxz5p非常感谢任何有关查看实际样式(事件继承的样式)的帮助

javascript - react 路由器 this.props.location

我需要react-routerv2+方面的帮助路线更改时我必须更改导航栏的类别例如对于route/profileclassName将是"profile-header"我尝试在导航栏组件中使用this.props.location但它显示undefined希望得到您的帮助 最佳答案 您的navbar组件(如您在问题中所述)可能不是路由组件,对吗?通过routecomponent我的意思是你在你的react-router配置中使用的那个为特定路由加载的组件。this.props.location只能在此类routecomponent上访