小编Sud*_*Plz的帖子

反应我的屏幕上的本机文本,拒绝包装.该怎么办?

可以在此实例中找到以下代码

我有以下反应原生元素:

'use strict';

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

var SampleApp = React.createClass({
  render: function() {
    return      (
  <View style={styles.container}>

        <View style={styles.descriptionContainerVer}>
          <View style={styles.descriptionContainerHor}>
            <Text style={styles.descriptionText} numberOfLines={5} >
              Here is a really long text that you can do nothing about, its gonna be long wether you like it or not, so be prepared for it to go off screen. Right? Right..!
            </Text>
          </View>
        </View>

        <View style={styles.descriptionContainerVer2}>
          <View style={styles.descriptionContainerHor}>
            <Text style={styles.descriptionText} …
Run Code Online (Sandbox Code Playgroud)

css flexbox reactjs react-native

84
推荐指数
11
解决办法
8万
查看次数

如何使用带快递的webpack?

当我尝试将webpack与简单的快速服务器一起使用时,总是会出现错误: express.js

'use strict';
var express = require('express');
var path = require('path');
var url = require('url');


// -------- my proxy----------------------
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.set('port', process.env.PORT || 8080);
app.use(function logErrors(err, req, res, next) {
        console.error(err.stack);
        next(err);
    }
);

app.listen(app.get('port'), function() {
    console.info('Express server started at http://localhost:' + app.get('port'));
});
Run Code Online (Sandbox Code Playgroud)

我得到了所有这些错误:

Version: webpack 1.10.0
Time: 1200ms
  Asset    Size  Chunks             Chunk Names
outfile  559 kB       0  [emitted]  main
chunk    {0} outfile (main) 498 kB [rendered]
    [0] …
Run Code Online (Sandbox Code Playgroud)

javascript node.js express webpack

55
推荐指数
3
解决办法
6万
查看次数

如何在react-native中使用zIndex

我想要实现以下目标:

在此输入图像描述

以下图片是我现在可以做的,但这不是我想要的. scenarioAscenarioB

我现在拥有的代码示例:

renderA() {
    return (
        <View style={ position: 'absolute', zIndex: 0 }>    // parent of A
            <View style={ zIndex: 2 }>  // element A
            </View>
            <View style={ zIndex: 2 }>  // element A
            </View>
        </View>
    );
}

renderB() {
    return (
        <View style={ position: 'absolute', zIndex: 1 }>    // element B
        </View>
    );
}


render() {
    return (
        <View>
            {this.renderA()}
            {this.renderB()}
        </View>
    );
}
Run Code Online (Sandbox Code Playgroud)

用文字表达,我想要

  • 家长A:低于一切.
  • 元素B:位于上面的父A但在元素A下面.
  • 元素A:高于一切.

请注意,父A元素B都必须绝对定位,并且元素A和元素B都必须是 …

javascript flexbox react-native

37
推荐指数
3
解决办法
7万
查看次数

Hermes React-Native 应用程序上的 Redux 开发工具

我想在我们使用的react-nativereact-native 0.67.1应用程序上使用 redux devtools和hermes

我不介意使用任何已知的工具(例如react-native-debuggerflipper),但到目前为止,我几乎所有的尝试都因各种问题而受阻。

社区目前处于一种奇怪的状态:

  • react-native-debugger不适用于爱马仕
  • flipper给我们带来Plugin ... is unavailable错误,感觉这些插件已经被放弃了
  • redux-devtools已经移动了他们的包(@redux-devtools),但没有真正为react-native项目提供优秀的文档(它甚至可以与react-native一起使用吗?)
  • remote-redux-devtools(我们过去曾取得成功)已被放弃

2022 年有没有办法将 redux devtools 与 Hermes React-Native 一起使用?

这是我们的代码:

    const enhancer = composeWithDevTools(
        applyMiddleware(createDebounce(), thunk, acuityMiddlewareCreator),
        // devTools(remoteDevToolsConfig),
    );
    const store = createStore(persistedReducer, initialState, enhancer);

Run Code Online (Sandbox Code Playgroud)

react-native redux redux-devtools redux-devtools-extension

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

如何删除use_frameworks!并继续在 Objective-C 项目中使用 swift pods?

我们的项目是一个Objective-c项目。

由于我们正在使用,react-native-firebase我们不能再 use_frameworks!在 cocoapods 中使用

问题是我们有一个swift pod 依赖项PromiseKit),要使用 swift 依赖项use_frameworks!,据我所知,我们必须使用。

我想要做的是两全其美,也就是:

  • 删除use_frameworks!以便react-native-firebase工作和
  • 保持PromiseKit快速依赖。

当前 Podfile:

platform :ios, '10.0'

target 'TestApp' do

    use_frameworks!

    # swift pod
    pod 'PromiseKit'

    # react-native-firebase
    pod 'Firebase/Core', '~> 5.3.0'
    pod 'Firebase/DynamicLinks', '~> 5.3.0'
    pod 'Firebase/Messaging', '~> 5.3.0'

end
Run Code Online (Sandbox Code Playgroud)

我注意到自Cocoapods 1.5以来,有此命令:modular_headers => trueuse_modular_headers我感觉可能与我正在寻找的解决方案相关或不相关,但我似乎无法将这些点联系起来。

编辑:

如果我删除use_frameworks!(即使我用 替换它use_modular_headers!),我会收到此错误:

在此处输入图片说明 请问有什么帮助吗?

ios cocoapods swift react-native-ios react-native-firebase

10
推荐指数
2
解决办法
7138
查看次数

如何正确混合 react-native-gesture-handler touchables 与 react-native touchables?

我们在这种情况下,我们在我们的应用程序中同时使用react-native-gesture-handler Touchables AND react-native Touchables。(我所说的 Touchables 是指 TouchableOpacity、TouchableHighlight 等)。如您所知, react-native-gesture-handler 也提供了这些组件,以便它们在用作react-native-gesture-handler手势识别组件。

最初

我们认为我们只会rn-gesture-handler Touchables在绝对需要rn-gesture-handler Touchables才能工作的组件中使用(即用gestureHandlerRootHOC包裹的根视图)并rn Touchables在其他任何地方使用。

很遗憾

我们遇到了其中两个组件干扰的情况,我们遇到了奇怪的问题(例如触摸通过一个组件,好像它pointerEvents="none"只是因为它在 Android 中使用了 arn touchable而不是 an rngh touchable)。

可能

一个解决方案可能是更换每一个rn Touchable在我们与一个应用程序rn-gesture-handler Touchable,但是这是超级困难的,因为我们的很多依赖也在使用的rn Touchables所以这将是难以替代的一切-而且这将是更难,因为rn-gesture-handler Touchables在更换不降rn Touchables并且我们rn-gesture-handler Touchables确实遇到了样式问题。

怎么办?

我需要一些帮助来正确解决这个问题 - 我认为即使是像阻止通过 react-native touchables 进行触摸的方法这样的hacky 也可以。

react-native react-native-gesture-handler

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

Github 操作 actions/checkout@v2 lfs:true 标志不将指针转换为实际文件

这是我的 github 操作 yml 文件:

name: CI

on: [pull_request]

jobs:
  build_ios:
    name: Set up
    runs-on: ${{ matrix.os }}

    strategy:
      matrix:
        os: [self-hosted]
        node-version: [10.x]

    steps:
      - name: Checkout github repo (+ download lfs dependencies)
        uses: actions/checkout@v2
        with:
          lfs: true
Run Code Online (Sandbox Code Playgroud)

在它运行之后,我希望所有的 git lfs 文件都被下载、签出并准备好使用,但文件的内容是这样的:

version https://git-lfs.github.com/spec/v1
oid sha256:f23e4c2b1244bc93085dbccf17c447e54sca44650294648df128d58303e4eff
size 58951008
Run Code Online (Sandbox Code Playgroud)

下面我附上实际的 github 操作日志,以防万一:

Run actions/checkout@v2
  with:
    lfs: true
    repository: SudoPlz/test-project-mobile
    token: ***
    ssh-strict: true
    persist-credentials: true
    clean: true
    fetch-depth: 1
    submodules: false
Syncing repository: SudoPlz/test-project-mobile
Getting Git version info
  Working directory …
Run Code Online (Sandbox Code Playgroud)

git github git-lfs github-actions

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

深层链接启动Splash Activity而不是Main Activity

我按照本指南 - Splash屏幕以正确的方式为我的Android应用程序创建了一个Splash屏幕,所以现在我有2个活动(MainActivity和SplashActivity)

问题是Deep Links错过现在的行为,而不是启动MainActivity它们启动它SplashActivity.

SplashActivity除了应用程序启动时,我不希望它出现.

我能做什么?

SplashActivity:

public class SplashActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Intent intent = new Intent(this, MainActivity.class);
        startActivity(intent);
        finish();
    }
}
Run Code Online (Sandbox Code Playgroud)

主要活动:

public class MainActivity extends SplashActivity implements OnImagePickerPermissionsCallback {

    private PermissionListener listener;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public void setPermissionListener(PermissionListener listener)
    {
        this.listener = listener;
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults)
    {
        if …
Run Code Online (Sandbox Code Playgroud)

java android deep-linking android-manifest react-native-navigation

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

如何防止RecyclerView单元的子项在用户滚动时移动

我的水平 线上有很长的单元格RecyclerView,我希望它们有一个在用户水平滚动时保持静止的标题.

- Recycler View (A)
-   -   Cell (parent) (B)
-   -   -   Header (C) <-- We want that to be still
-   -   -   Content (D)
Run Code Online (Sandbox Code Playgroud)

这是它在视觉上的样子:

因此,我正在寻找一种方法:

1)当用户在(A)上拖动手指时,停止标题(C)改变位置RecyclerView

要么

2)像正常一样滚动单元格(B),但将其子项(C)的位置改为相反方向,以使标题即使在移动时也显示为静止(在父项的相反方向(B) .

这是我正在尝试构建的内容:

有任何想法吗?

ps 1:我注意到很多SO答案,建议使用ItemDecoration,但所有可能的答案都有VERTICAL实现代码,这与HORIZONTAL实现非常不同.

ps 2我正在以编程方式创建所有视图内容,因此我不会使用布局文件.(那是因为内容将是反应原生视图,我无法创建具有布局文件的内容).

ps 3:我也注意到这ItemDecoration是旧策略,最近的第三方库扩展了LayoutManager.

请稍微说清楚,谢谢.

android listview android-layout android-recyclerview recyclerview-layout

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

我需要使用go lang连接到现有的websocket服务器

这是我在localhost上运行的websocket ws://localhost:8080/ws

我需要go lang代码,可以创建一个websocket客户端并连接到这个服务器.

我的Google-Fu技能未能教会我一个简单的方法.

谢谢.

go websocket gorilla

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