我在React Native中构建了一个小型iOS应用程序来进行位置跟踪,定期将lat/lng发送到用户选择的服务器.但是,这只适用于应用程序位于前台的情况.当用户在其他应用程序中时,如何在后台运行此任务?
我有一个名为.side-el的div,我希望在某个位置:固定; 行为,但一旦我应用位置固定宽度交替从右边.正确的宽度将是flexbox设置的宽度.我怎样才能实现这个目标?
.container {
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
* {
box-sizing: border-box;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
}
.main-el {
box-sizing: border-box;
padding:0 2em;
width: 70%;
}
.side-el {
box-sizing: border-box;
width: 30%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container" style="background-color: blue; height: 100px;">
<div class="main-el">
<div style="background-color: red; height: 1000px;">content</div>
</div>
<div class="side-el" >
<div style="background-color: red; height: 100px;">content</div> …
Run Code Online (Sandbox Code Playgroud)我想在我的react/react-router/flux应用程序中建立一个Facebook登录.我在登录事件中注册了一个监听器,'/dashboard'
如果他们已登录,则希望将用户重定向到.我该怎么做?location.push
除了完全重新加载页面后,效果不佳.
我想用一些Grunt任务来交换/增强资产管道.有没有办法可以将grunt集成到我的构建过程中?
我想使用屏幕截图测试我的 React Native 应用程序。UIAutomation javascript 文件将由fastlane执行,并且应该为我提供我需要的所有子视图。这部分工作正常。
我的主要问题是我不明白我是如何点击元素的。我发现的每个示例都是简单的 Objective-c,并使用标准元素进行导航,如标签栏。我的应用程序有一个汉堡图标,它有一个点击事件,TouchableHighlight
可以打开一个菜单。我正在寻找引用单个TouchableHighlight
元素以与其交互的可能性。
此类答案的加分点,无需我编写 Objective-C。
我有几个名为的文件:
它们都被编译到jquery.js
我的输出目录中的一个文件中.
虽然我猜这种行为在某些情况下可能会很好,但我希望让它们编译成不同的文件jquery.a.b.js
,jquery.a.c.js
等等.我怎么能告诉grunt-contrib-coffeescript呢?
我的Gruntfile.js看起来像这样:
module.exports = function (grunt) {
grunt.initConfig({
coffee: {
dist: {
files: [{
expand: true,
flatten: true,
cwd: 'app/webroot/coffee',
src: ['{,*/}*.coffee'],
dest: 'app/webroot/js',
ext: '.js'
}]
}
}
});
grunt.loadNpmTasks('grunt-contrib-coffee');
};
Run Code Online (Sandbox Code Playgroud)
谢谢你的帮助!
据我所知,CSS选择器从右到左进行评估,因此body div *
会选择每个项目,而不是具有div类型的父项和具有body类型父项的项目.我不确定的是如何在这个链中评估动态伪类.
如果我有一个选择器div *:hover
,评估会如何?
:hover
=> *
=>div
*
=> :hover
=>div
我有一个 rake 任务来在 xml 文件中生成给定数量的项目。如果没有给出任何内容,我想要一个默认值。现在只打印了 50 个,但我想在这里有一个可变的数量,我如何从命令行调用它?
namespace :utilites do
desc "generate xml"
task generate_xml: :environment do |t, args|
args.with_defaults(:length => 50)
p args[:length]
end
end
Run Code Online (Sandbox Code Playgroud) 我正在使用react-redux应用程序,由于某种原因,我调用的操作未到达reducer(我目前在其中只有一条log语句)。我已附上我认为相关的代码,我们将不胜感激。
在组件中的函数内调用的操作:
onSearchPressed() {
console.log('search pressed');
this.props.addToSaved();
}
Run Code Online (Sandbox Code Playgroud)
actions / index.js:
var actions = exports = module.exports
exports.ADD_SAVED = "ADD_SAVED";
exports.addToSaved = function addToSaved() {
console.log('got to ADD_SAVED step 2');
return {
type: actions.ADD_SAVED
}
}
Run Code Online (Sandbox Code Playgroud)
reducers / items.js:
const {
ADD_SAVED
} = require('../actions/index')
const initialState = {
savedList: []
}
module.exports = function items(state = initialState, action) {
let list
switch (action.type) {
case ADD_SAVED:
console.log('GOT to Step 3');
return state;
default:
console.log('got to default');
return state;
} …
Run Code Online (Sandbox Code Playgroud) 我想确保我得到的值是一个十六进制字符串。目前我说
type Color = string;
function foo(color: Color){}
Run Code Online (Sandbox Code Playgroud)
但是我想说
type Color = '#' + stringOfLength-3-6-8;
function foo(color: Color){}
Run Code Online (Sandbox Code Playgroud)
有没有办法在流程中表达这样的约束?
ios ×3
javascript ×3
react-native ×3
css ×2
gruntjs ×2
reactjs ×2
coffeescript ×1
command-line ×1
fastlane ×1
flexbox ×1
flowtype ×1
performance ×1
pseudo-class ×1
rake ×1
rake-task ×1
react-router ×1
reactjs-flux ×1
redux ×1
ruby ×1