如何在水平和垂直中将ReactNative中的文本居中？

我在rnplay.org中有一个示例应用程序,其中justifyContent ="center"和alignItems ="center"不起作用:https: //rnplay.org/apps/AoxNKQ

文本应该居中.为什么文本(黄色)和父容器之间的顶部有一个边距？

码:

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  Image,
  View,
} = React;

var SampleApp = React.createClass({
  render: function() {
    return (
            <View style={styles.container}>
                <View style={styles.topBox}>
                    <Text style={styles.headline}>lorem ipsum{'\n'}ipsum lorem lorem</Text>

                </View>
                <View style={styles.otherContainer}>
                </View>
            </View>
    );
  }
});

var styles = StyleSheet.create({

    container: {
        flex: 1,
        flexDirection: 'column',
        backgroundColor: 'red',
        justifyContent: 'center',
        alignItems: 'center',
    },

    topBox: {
        flex: 1,
        flexDirection: 'row',
        backgroundColor: 'lightgray', …

我试图创建一个带范围分区的表.但它显示以下错误:

主要必须包括表的分区位置中的所有列.

这是我的SQL语句:

CREATE TABLE `tbl_emp_confirmation` (
  `fld_id` int(11) NOT NULL AUTO_INCREMENT,
  `fldemp_id` varchar(100) DEFAULT NULL,
  `fldempname` varchar(100) DEFAULT NULL,
  `fldjoindate` varchar(100) DEFAULT NULL,
  `fldconfirmdate` Date NOT NULL,
  `fldresigndate` varchar(100) DEFAULT NULL,
  `fldstatus` varchar(50) DEFAULT NULL,
  `fldcon_status` varchar(100) DEFAULT NULL,
  UNIQUE KEY `fld_id` (`fld_id`),
  KEY `in_empconfirmation` (`fldemp_id`,`fldempname`,`fldjoindate`,`fldconfirmdate`)
  ) PARTITION BY RANGE ( Month(fldconfirmdate))
  (PARTITION p_JAN VALUES LESS THAN (TO_DAYS('2011-01-01')),
 PARTITION p_FEB VALUES LESS THAN (TO_DAYS('2011-02-01')),
 PARTITION p_MAR VALUES LESS THAN (TO_DAYS('2011-03-01')),
 PARTITION p_APR VALUES LESS THAN (TO_DAYS('2011-04-01')),
 PARTITION p_MAY VALUES …

我想在ReactNative-App中显示来自res/drawable-folder的静态图像.但是,没有任何显示.

我在android-subfolder中有以下文件夹结构:

macbook:CompanyApp hagen$ tree android/app/src/main/res/
android/app/src/main/res/
??? drawable
?   ??? a1456.jpg
?   ??? a1457.jpg
??? mipmap-hdpi
?   ??? ic_launcher.png
??? mipmap-mdpi
?   ??? ic_launcher.png
??? mipmap-xhdpi
?   ??? ic_launcher.png
??? mipmap-xxhdpi
?   ??? ic_launcher.png
??? values
    ??? strings.xml
    ??? styles.xml

6 directories, 8 files

如文档中所述,我尝试使用以下代码从drawable-folder加载图像文件:

<Image source={{uri: 'a1456'}} style={{width: 140, height: 140}} />

我还尝试了文件名和扩展名:

<Image source={{uri: 'a1456.jpg'}} style={{width: 140, height: 140}} />

并且:

<Image source={require('image!a1456')} style={{width: 140, height: 140, backgroundColor: 'yellow'}} />

我尝试了子文件夹:

<Image source={{uri: 'drawable/a1456.jpg'}} style={{width: 140, height: …

我正在尝试将事件监听器添加到由Kineticjs管理的Htm5-Canvas (Canvas是通过KineticJS阶段创建的).

我尝试了(使用jQuery):

$(selector).keydown(function(e){...})

使用以下选择器:

• 窗口(它正在工作,但它正在监听整个窗口,从而不好)
• 所有Canvas-Elements $('canvas') < - 不起作用
• 容器,KineticJS及其Canvas嵌入式 < - 无效
• KineticJS的容器Div(由Kinetic创建)与$('.kineticjs-content').keydown(function(){...}) < - 不工作

只有$(窗口)正常工作.在尝试使用简单的Html5-Canvas后,我发现,Canvas-Element内置了对键盘事件的支持.所以我认为,KineticJS正在这里做一些神奇的事情.可以排除错误的选择器使用.

我用这段代码检查了每个Selector:console.log($(selector).length)

有人可以帮忙吗？Thx提前!

在阅读了关于UIImagePickerController的Apple的文档和示例代码之后,在Stackoverflow(或此处)阅读了许多教程甚至问题后,我得出结论,内置的UIImagePicker能够呈现"裁剪窗口"用户并让用户裁剪并移动他想要使用的图像的右侧部分.

但是在iOS 7.1上查看这些示例,似乎没有裁剪窗口.什么都没有让用户裁剪出拍摄图像的一部分.所有测试都发生在真实硬件(iPhone 5S)上,因为缺少相机而没有使用iPhone模拟器;)

此外,在委托方法"didFinishPickingMediaWithInfo"中,"info"-NSDictionary中没有"UIImagePickerControllerEditedImage"条目.

我做了什么:

    UIImagePickerController *imagePickerController = [[UIImagePickerController alloc] init];

#if TARGET_IPHONE_SIMULATOR
    // iPhone-Simulator has no camera, just save images to the photoalbum on the simulator to use them here
    imagePickerController.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
#else
    imagePickerController.sourceType = UIImagePickerControllerSourceTypeCamera;
#endif

    imagePickerController.editing = YES;
    imagePickerController.delegate = (id)self;
    imagePickerController.cameraCaptureMode = UIImagePickerControllerCameraCaptureModePhoto;


    [self presentModalViewController:imagePickerController animated:YES];

和委托方法:

-(void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info {
    UIImage *image = [info objectForKey:UIImagePickerControllerOriginalImage];
        // .... do something 
}

此时,字典中只有3个键可用,名称为"info":

• UIImagePickerControllerOriginalImage
• UIImagePickerControllerMediaMetadata
• UIImagePickerControllerMediaType …

故事:

在react-native应用程序中,我们使用react-native-sqlite-storage来处理iOS和Android上的sqlite3.

这个插件使我们能够以这种方式处理本机sqlite实现:

var db = SQLite.openDatabase("test.db".....);

跨多个组件共享db-instance的最佳方法是什么？为了提供更多细节,但这不是这个问题的一部分,我们使用redux并拥有许多动作文件.其中一些人也需要访问数据库.

为了在所有组件和操作中处理单个打开的sqlite实例,以及从本机组件更松散地耦合,我构建了一个封装存储插件的类DataStorage.这个类支持sqlite-database的一个实例(使用react-native-sqlite-storage),并为应用程序提供方便的方法,如"getUserByName()","getAllItems"等.

为了避免此DataStorage类的多个实例以及它的内部sqlite-db-instance,我执行了以下操作:

1. 构建DataStorage类
2. 创建一个仅驻留在DataStorage.js中的全局变量
3. 将函数sharedDataStorage()导出到需要数据库访问的所有调用者

DataStorage.js代码

const SQLite = require('react-native-sqlite-storage');

const _dataStorage = null;

export class DataStorage {

    constructor(autoCheckMigration = true, lang = 'en') {
        console.log("DataStorage CTOR called");

        if(_dataStorage !== null) {
            throw 'There is already an instance of DataStorage alive';
        }

        // store this instance in a global variable
        _dataStorage = this;

        this.db = SQLite.openDatabase('myapp.db', '1.0', 'Myapps Database', 5 * 1024 * 1024, this.openCB, this.errorCB); …

使用redux-saga,可以并行执行多个效果:

import { call } from 'redux-saga/effects'

// correct, effects will get executed in parallel
const [users, repos]  = yield [
  call(fetch, '/users'),
  call(fetch, '/repos')
]

如何以编程方式创建这些"call"-calls ？

我想要实现的是:

让我说我有一个不同参数的数组,我想每个参数执行一个服务器请求,但与redux-saga并行:

const parameters = ['abc', 'def', 'ghi']

const allMyFetchCalls  = parameters.map( (p) => makeCallRequestWithParameter(p) );

makeCallRequestWithParameter将创建一个函数调用:(或者在终极版-SAGA-讲话的效果)调用(提取,PARAM)在像收率调用(提取,PARAM)

const resultArray = yield allMyFetchCalls;

这是可能的,如果是的话,怎么样？

挑战:

我希望以这种方式重用第三方包的现有实体和类继承,仍然只剩下一个表,并且不需要额外的东西.这意味着:没有鉴别器列,也没有JOIN.相反,只有最终最继承的类应该是可查询的,向基本实体添加一些属性,并且只使用一个包含所有列的表,这些列从自身和通过继承添加到实体.

在这里要清楚:我对经典表继承不感兴趣.我只想以这种方式扩展一个带有附加列的基类,数据库中的表表示所有需要列的总和.

无需创建基本实体的实例.

对于那些感兴趣的人,我解释下面的原因.

第三方库的基础实体:

Sylius\UserEntity (TableName: "sylius_user")
============================================
ColA, ColB, ColC

我的课:

MyProject\UserEntity : Sylius\UserEntity (TableName: "user") <---- overwrite the base table name
========================================
ColD, ColE, ColF

上面的模型代表了最终的方法:我的用户实体扩展了syslius的用户实体,应该从表"user"(而不是"user"和"sylius_user")中持久化并查询,该表包含最终扩展的所有列实体:

表结构:

因此,我的szenario中只存在一个表.

Table "user":
=============
ColA, ColB, ColC, ColD, ColE, ColF

前3列是基本实体中的属性,最后3列是"我的"用户实体中的属性,用于实现前三个继承.

我做了什么:

我的用户类看起来像这样:

use \Sylius\Component\User\Model\User as BaseUser;

/**
 * User
 *
 * @ORM\Entity(repositoryClass="MyAppName\UserBundle\Repository\UserRepository")
 * @ORM\Table(name="user", uniqueConstraints= ... */
class User extends BaseUser 
{

UserRepository:

class UserRepository extends EntityRepository
{
    /**
     * @param string $usernameOrEmail
     * …

我们有一个 ReactNative 应用程序，它已经成功地将基于react-native-unity-view 的Unity集成为一个库。但是，在 ReactNative 上关于 AndroidX 和最新 SDK 更改的最新更新之后，我们遇到了问题"libmain.so not found"。此异常发生在第一次尝试显示 Unity-View 时。

E Unity   : Failed to load 'libmain.so', the application will terminate.
D AndroidRuntime: Shutting down VM
E AndroidRuntime: FATAL EXCEPTION: main
E AndroidRuntime: Process: com.rnunitydemo, PID: 16887
E AndroidRuntime: java.lang.UnsatisfiedLinkError: dalvik.system.PathClassLoader[DexPathList[[zip file …