小编Smo*_*_js的帖子

FlatList contentContainerStyle - > justifyContent:'center'导致滚动问题

我有一个FlatList组件,我渲染x数TouchableHighlight.我需要FlatList垂直对齐的所有组件到中心.

问题是,如果我把justifyContent: centercontentContainerStyle什么也没有发生,但是,如果我添加flex: 1contentContainerStyle我得到我想要的结果.如果我不必滚动,那就很酷了,但是当我有多个组件时,我会FlatList滚动查看所有内容,滚动开始在这些列表的中心,不要让我滚动.

这些是我的代码:

<FlatList
        style = {{flex: 0.7, backgroundColor: 'red'}}
        data = {this.props.actions}
        contentContainerStyle = {{justifyContent:'center',}}
        keyExtractor={(item, index) => index}
        renderItem = {({item, index})=>{
          return (
            <TouchableHighlight
              style = {{alignItems: 'center', margin: 8, paddingTop: 8, paddingBottom: 8, //flex: 1,
              borderColor: ConstantesString.colorGrisFlojito, backgroundColor: '#d7deeb',
              borderRadius: 10,
            }}
              underlayColor = {ConstantesString.colorAzulTouched}
              onPress = {()=>{
                item.action();
              }}>
              <Text
                style = {{color: '#005288' , textAlign: 'center', …
Run Code Online (Sandbox Code Playgroud)

javascript android ios mobile-development react-native

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

React Native { flex: 1 } 对于 React JS 的等价物是什么?

我一直在用 React Native 编程,我正在尝试 React js(仅限 Web),但我不知道如何制作一个简单的视图,让所有屏幕开始与所有组件一起玩。

让我解释:

在 React Native 中,我使用 flex 处理视图维度,如下所示:

<View style={{ flex: 1 }}>
    <View style={{ flex: 0.5, backgroundColor: 'blue' }}>
      <Text>I'm a blue 50% screen View!</Text>
    </View>
    <View style={{ flex: 0.5, backgroundColor: 'yellow' }}>
      <Text>I'm a yellow 50% screen View!</Text>        
    </View>
</View>
Run Code Online (Sandbox Code Playgroud)

但是在 React JS 中,我必须使用无法识别 flex 的 div 标签。我的意思是,我不能这样做:

<div style={{ flex: 1 }}>
    <div style={{ flex: 0.5, backgroundColor: 'blue' }}>
      <p>I'm a blue 50% screen View!</p>
    </div>
    <div style={{ flex: 0.5, backgroundColor: …
Run Code Online (Sandbox Code Playgroud)

javascript css flexbox reactjs react-native

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

如何拍摄照片并使用移动相机获取React Native中的数据

在你说这是重复之前让我解释一下.我知道如何在React Native中使用Camera,但在上个月的Android(Java)中,我以简单的方式管理了设备相机,我甚至不必创建一个新的View来使用它.我刚刚做了这样的事情:

Uri mOutputFileUri;
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
intent.putExtra(MediaStore.EXTRA_OUTPUT, mOutputFileUri); // URI of the file where pic will be stored

startActivityForResult(intent, TAKE_PICTURE_FROM_CAMERA);
Run Code Online (Sandbox Code Playgroud)

基本上这会自动打开相机,当按下"拍摄照片按钮"时,调用onActivityForResult()方法,获取要管理的图像数据.

所以,我怀疑是,有一种方法可以在React Native中做到这一点吗?我的意思是,调用一种自动打开相机并返回数据的方法?

非常感谢.

javascript mobile camera android react-native

3
推荐指数
1
解决办法
6913
查看次数

有没有办法在声明之后调用箭头函数?

有时我想为一个变量分配一个箭头函数的结果,但是如果我将箭头函数分配给该变量,它就会得到函数而不是该函数的返回,这是显而易见的.

let theNumber2 = ()=>{return 2};
Run Code Online (Sandbox Code Playgroud)

theNumber2将包含该功能,只有我这样做theNumber2()才会返回2.

有没有办法做这样的事情直接返回箭头功能?例如:

let theNumber2 = ()=>{return 2}(); // Note the () at the final
Run Code Online (Sandbox Code Playgroud)

有没有可做的事情?我的意思是,分配箭头函数调用?

javascript ecmascript-6 arrow-functions

3
推荐指数
1
解决办法
74
查看次数

React Native iOS Release 构建停留在旧代码上,但 Debug 构建工作正常

当我尝试从XCode内部构建我的 React Native 应用程序Release mode以在将其启动到生产环境之前进行检查时,它会陷入旧代码中。无论我对 JS 文件进行什么更改,它都不会执行此操作。在调试模式下,这种情况不会发生,只是正常工作。

例子:

我更改任何 JS 文件中的标签,例如某些菜单的标题,并且当我使用时react-native run-ios或者如果在方案中选中“调试”时按下 XCode 的“播放”按钮,它将起作用。相反,如果我选中“发布”,它会对我的应用程序的旧版本收费,我什至不知道具体是哪个版本。

我尝试过投入生产,但仍然是旧版本。

所以,现在我无法上传新版本,因为无论我做什么更改,发布模式都会忽略它。

我尝试生成一个新的main.jsbundle,我已经清理过构建,Shift + CMD + K并且我也重新安装了我的,npm但没有解决方案。

你有什么主意吗?

编辑:

文件“AppDelegate.m”与它有什么关系吗?

这是我的 AppDelegate:

#import "AppDelegate.h"

#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];
  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge
                                                   moduleName:@"BottomNavigation"
                                            initialProperties:nil];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow …
Run Code Online (Sandbox Code Playgroud)

xcode build ios react-native

3
推荐指数
1
解决办法
3168
查看次数

如果填充的文本未知,如何调整文本组件的高度?

我从服务器获取文本,当我得到它时,我想在 UI 文本组件中显示它。当我看到创建 Text 组件时,它必须具有固定的高度和宽度时,问题就来了。有一种方法可以让文本知道它自己的文本并垂直固定自己或类似的东西?

user-interface unity-game-engine

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

我应该在哪里保存我的React-Native应用程序的用户和密码值?

我正在React-Native中开发一个应用程序。我必须使用用户名和密码登录。这必须在设备中保持不变,但我不知道将其保存在哪里。SQLite表?共享首选项?谁能告诉我什么是最正确,最安全的选择?它必须同时适用于Android和iOS。

问候!

javascript mobile android ios react-native

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

android 应用程序的 Beta 测试者如何在同一设备中安装生产应用程序和 Beta 应用程序?

我需要我的 Beta 测试人员拥有 Beta 应用程序,以便他们进行测试,但同时他们必须拥有生产应用程序才能在生产环境中工作。问题是,如果他们成为 Beta 测试人员,似乎只能从 Google Play 获取 Beta 应用程序。

有没有办法让两个版本都在同一台设备上,而不必更改应用程序名称?

非常感谢。

beta production android google-play android-studio

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