小编inf*_*-vv的帖子

通过单击叠加关闭反应本机模式?

是否有可能通过在选项选项时点击叠加来关闭反应原生模态?文档没有提供任何相关信息.可能吗?transparenttrue

javascript react-native

21
推荐指数
8
解决办法
2万
查看次数

如何使用Realm项目文件组织React Native?

我已经选择了在我的React Native应用程序中存储数据的领域.我不明白,如何在我的项目中组织文件.文档仅提供一个组件的简单代码.但我需要不同组件的数据库不同部分.

我在一个存储库中看到,所有方案都传递给"configureRealm.js"文件中的数组:

new Realm({schema: [Dogs, Cats]});
Run Code Online (Sandbox Code Playgroud)

我还发现,我可以在"scheme"目录中放置不同的方案,并将它们导入到我需要的地方.

例如,在"Cats.js"反应组件我可以做:

import Cats from 'schemes/Cats';

this.realm = new Realm({schema: [Cats]});
Run Code Online (Sandbox Code Playgroud)

并在"Dogs.js"导入狗并使用此方案初始化领域.

但我不是第一次也不确定.什么是正确的,组织领域的最佳方式是对本机应用程序做出反应?

javascript realm react-native

19
推荐指数
1
解决办法
6440
查看次数

表行和列中的本地响应?

是否可以在React本机中创建表?

我是指第1行第1列的宽度与第2行第1列的宽度相等的情况?

我在这里通过JS创建了这个布局:https://jsfiddle.net/kws67ajb/

任何人都有在React Native的经验吗?

PS一些代码用于愚蠢的StackOverflow验证器:

<div class="table">
    <div class="row">
        <div class="col col-left"><span>Some text</span></div>
        <div class="col"><span>1.123</span></div>
    </div>
    <div class="row">
        <div class="col col-left"><span>text</span></div>
        <div class="col"><span>1.432</span></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

flexbox react-native

9
推荐指数
1
解决办法
6034
查看次数

如何循环遍历 TypeScript 枚举?

我有下一个枚举:

\n
export enum Suite {\n  Spade = \'\xe2\x99\xa0\',\n  Heart = \'\xe2\x99\xa5\',\n  Club = \'\xe2\x99\xa3\',\n  Diamond = \'\xe2\x99\xa6\',\n}\n
Run Code Online (Sandbox Code Playgroud)\n

尝试实现循环,但出现错误

\n
  for (let suite in Suite) {\n    console.log(\'item:\', Suite[suite]);\n  }\n
Run Code Online (Sandbox Code Playgroud)\n
\n

元素隐式具有“any”类型,因为类型“string”的表达式不能用于索引类型“typeof Suite”。在类型 \'typeof\nSuite\' 上找不到参数为 \'string\' 类型的索引\n签名。ts(7053)

\n
\n

截屏

\n

我该如何解决这个问题?

\n

typescript

9
推荐指数
1
解决办法
5437
查看次数

如何使用 gulp 连接两个流?

例如,我有一个包含下一个内容的任务:

function task() {
    gulp.src('libs/*.js')
        // some manipulations
        .concat('libs.js')

    gulp.src('js/*.js')
        // Another manipulations
        .concat('app.js')
}
Run Code Online (Sandbox Code Playgroud)

如果我不想将此文件放在文件系统中的任何位置怎么办?我可以以某种方式将libs.js和连接app.js到任务中吗?

javascript concatenation gulp

8
推荐指数
1
解决办法
3824
查看次数

使用browserify和debowerify进行编译后,下划线中的"this"未定义

首先......我有下一个gulp任务:

gulp.task('js', function() {
    browserify('./src/js/main.js')
        .bundle()
        .on('error', onError)
        .pipe( source('main.js') )
        .pipe( gulp.dest(path.build.js) );
});
Run Code Online (Sandbox Code Playgroud)

和package.json:

{
  "browserify": {
    "transform": [
      ["babelify", { "presets": ["es2015"] }],
      "debowerify"
    ]
  },
}
Run Code Online (Sandbox Code Playgroud)

我在main.js中导入Backbone(或者只是下划线......没关系)

import Backbone from 'backbone';
Run Code Online (Sandbox Code Playgroud)

在控制台我得到错误

未捕获的TypeError:无法读取未定义的属性"_"

我检查了代码,发现在库的开头是下划线源root是未定义的

 // Establish the root object, `window` in the browser, or `exports` on the server.
  var root = this;

  // Save the previous value of the `_` variable.
  var previousUnderscore = root._;
Run Code Online (Sandbox Code Playgroud)

我认为问题在于debowerify或babelfy是将代码包装在某个函数中.但是如果我使用没有debowerify的节点模块,一切正常.但我想用凉亭.

那么如何解决这个问题呢?

underscore.js browserify gulp babeljs

6
推荐指数
1
解决办法
665
查看次数

有什么方法可以测试React Native的像素完美度吗?

在网络中,我通常使用PerfectPixel chrome扩展程序。它仅允许封面上载设计,反色等。

有什么方法可以在React Native中测试设计?

testing user-interface ui-testing react-native

6
推荐指数
0
解决办法
527
查看次数

如何通过ES6导入包含Foundation 6 JS文件?

我正在使用浏览器+ babelify来编译我的JS.

我的任务看起来像这样:

import config from '../config.json';

import gulp from 'gulp';
import browserify from 'browserify';
import babelify from 'babelify'
import browserSync from 'browser-sync';
import babel from 'gulp-babel';
import source from 'vinyl-source-stream';


function onError(error) {
    console.log(error.toString());
    this.emit('end');
}

export function dev() {
    return browserify({
        entries: 'src/js/main.js',
        debug: true,
        extensions: ['.js', '.json', '.es6']
    })
        .transform(babelify)
        .bundle()
        .on('error', onError)
        .pipe(source('main.js'))
        .pipe(gulp.dest('public/js'))
        .pipe(browserSync.stream());
}


gulp.task('js:dev', dev);
Run Code Online (Sandbox Code Playgroud)

src/js/main.js我尝试导入Foundation JS模块.该文件只包含一行:

import 'foundation-sites/js/foundation.util.motion';
Run Code Online (Sandbox Code Playgroud)

编译后我得到一些非编译的基础模块,其中包含一些browserify和babelify代码:

在此输入图像描述

但!我试图将文件复制node_modules到src文件夹并导入它:

import './inc/app';
Run Code Online (Sandbox Code Playgroud)

在这种情况下,al工作正常:

在此输入图像描述

为什么?有什么神奇之处?什么是正确的方法?

javascript browserify gulp babeljs

5
推荐指数
1
解决办法
1417
查看次数

使用grunt使用不同的变量编译LESS

我有基于Bootstrap的HTML模板,它有不同的颜色(红色,绿色等).颜色正在使用@brand变量 进行更改variables.less.现在,我进入到这个文件,更改变量,编译少的文件,去编辑CSS文件的目录,并根据它的颜色(重命名CSS文件red.css,green.css等等).我做了7次这7步(7种颜色= 7步).

我可以使用grunt或类似的东西自动执行此过程以及如何使用?

less twitter-bootstrap gruntjs

4
推荐指数
1
解决办法
1677
查看次数

$(':checkbox')或$('input [type ="checkbox"]')

哪种方法最好使用jquery选择复选框?为什么?

$('input:checkbox'); // 1
$('input[type="checkbox"]'); // 2
Run Code Online (Sandbox Code Playgroud)

javascript jquery

2
推荐指数
1
解决办法
97
查看次数

如何引用 Realm 中已创建的对象?

让我们以官方领域文档为例。我们有汽车和人。

const CarSchema = {
  name: 'Car',
  properties: {
    id:  {type: 'string'}, // UUID
    make:  {type: 'string'},
    model: {type: 'string'}
  }
};

const PersonSchema = {
  name: 'Person',
  properties: {
    name:  {type: 'string'},
    car: '' // Something here to reference on already created car??
  }
};
Run Code Online (Sandbox Code Playgroud)

例如,我已经用 UUID id-s 创建了一些汽车。现在我想创建一个用户。在 UI 中,它看起来像表单,您可以在其中写入用户名并从下拉列表中选择已创建的车辆之一。

那么如何引用已经创建的汽车呢?它应该是带有 id 的字符串,还是什么?

database realm react-native

2
推荐指数
1
解决办法
1065
查看次数