小编Raj*_*dar的帖子

使用NativeBase无法看到卡体中的表单

我尝试使用下面的代码(组件Form内部Card)

<Card>
   <CardItem header style={{ backgroundColor: 'lightgray' }}>
   <Right>
      <Text>This is Right align text </Text>
   </Right>
   <Badge primary>
      <Text>step 1</Text>
   </Badge>
   </CardItem>
   <CardItem>
      <Body>
         <Text style={{color: 'red'}}>{this.state.error}</Text>
         <Form style={{alignSelf: 'stretch'}}>
         <Item>
            <Label>number:</Label>
            <Input keyboardType="numeric"/>
         </Item>
         <Item>
            <Label>date:</Label>
            <Input />
         </Item>
         <Item>
            <Label>number 2:</Label>
            <Input keyboardType="numeric"/>
         </Item>
         <Item>
            <Label>date 2:</Label>
            <Input />
         </Item>
         <Button success block
            >
            <Text>submit</Text>
            <Icon name='check' size={20} color="#FFFFFF"/>
         </Button>
         </Form>
      </Body>
   </CardItem>
</Card>

Run Code Online (Sandbox Code Playgroud)

但在我的设备Nexus 7 Tab与android 5页脚不可见.您有什么建议可以找到问题并修复它吗？我正在使用NativeBase 2.0.12和React-Native 0.42.0.

screenshot_2017-03-22-12-00-35

我想这可能与这个问题有关:https …

android reactjs react-native react-native-android native-base

b24*_*b24

2018 04-08

13
推荐指数

1
解决办法

1133
查看次数

如何在活动底部选项卡下添加指示器？

我需要为活动选项卡添加一个指示器，我尝试添加 borderBottom，tabStyle但我们无法检查焦点。

使用react-navigation v5和createBottomTabNavigator作为底部选项卡。

这是我的代码：

<BottomTab.Navigator
      tabBarOptions={{
        activeTintColor: colors.brown,
        labelPosition: 'below-icon',
      }}>
      <BottomTab.Screen
        name="Home"
        component={HomeTabNav}
        options={{
          tabBarLabel: 'Home',
          tabBarIcon: ({focused}) => {
            return focused ? (
              <HomeSelectedIcon height={ms(24)} width={ms(24)} />
            ) : (
              <HomeIcon height={ms(24)} width={ms(24)} />
            );
          },
        }}
      />
     ...
    </BottomTab.Navigator>
  );
};

Run Code Online (Sandbox Code Playgroud)

提前致谢！

react-native react-navigation react-navigation-bottom-tab

sak*_*a73

2021 07-19

8
推荐指数

1
解决办法

6708
查看次数

所有设备键盘顶部的React Native Align按钮

因此，我需要Which is not at bottom om screen按设计将按钮对准屏幕的中间，但对于所有设备，它应对准键盘的顶部。

如果您查看此屏幕截图：

对于某些设备，我会竭力做到这一点，但在某些其他设备中，并没有真正做到：

我该如何管理所有这些？

这是我到目前为止所做的：

<Padding paddingVertical={isKeyboardOpen ? Spacing.unit : Spacing.small}>
<Button
      variant="solid"
      label='Next'
      style={styles.submitBtn}
    />

</Padding>

Run Code Online (Sandbox Code Playgroud)

isKeyboardOpen只是一种方法，它将基于平台（如果键盘打开）返回true来创建列表器：

 Keyboard.addListener(
  Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow',
  true 
 );

Run Code Online (Sandbox Code Playgroud)

并且submitBrn css类是：

submitBtn: {
  margin: Spacing.base,
},

Run Code Online (Sandbox Code Playgroud)

typescript react-native

Ema*_*avi

2019 01-31

6
推荐指数

1
解决办法

2016
查看次数

CSS - 无限动画（向右移动加载渐变）闪烁

我在这里关注本教程：https : //cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html

创建一个虚拟加载器。不幸的是，本教程包含固定像素值，我希望它适用于所有尺寸的屏幕。所以我像这样调整了动画：

@keyframes placeHolderShimmer {
  0% {
    background-position: -30vw 0
  }
  100% {
    background-position: 30vw 0
  }
}

.c-animated-background {
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: fff;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  height: 100%;
  width: 100%;
  position: relative;
  padding-top: 50px;
  -webkit-backface-visibility: hidden
}

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
</head>

<body class="c-animated-background">
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

不幸的是，在 1.5 秒后动画结束时，灰色区域向前或向后跳跃，具体取决于我设置的关键帧背景位置值。我怎样才能防止这种情况并使过渡顺利？此外，动画的性能似乎比我想象的更强烈 - 当我想用我的 macbook 2016' 在 chrome 中检查开发模式下的背景元素时，它会挂起大约 15 …

html css animation

Phi*_*hil

2017 10-05

4
推荐指数

3
解决办法

9340
查看次数

ReactJS：在数组元素中提供键的最佳方法是什么

I am just starting with ReactJS and tried solutions of other questions similar to this but no luck so far.

Here is my working code :

import React from 'react';
import ReactDOM from 'react-dom';


const Numbers = ['2', '4', '6', '8'];

const NumbersList = (props) => (
   <ul>
      {
          props.Numbers.map (
             number => <li key={number}>{number * 2}</li>
          )
      }
    </ul>
)
ReactDOM.render(<NumbersList Numbers = {Numbers} />, document.getElementById('root') )

Run Code Online (Sandbox Code Playgroud)

But when I am passing Numbers Array as :

const Numbers = …

Run Code Online (Sandbox Code Playgroud)

javascript reactjs

Ank*_*dey

2018 04-15

4
推荐指数

1
解决办法

4554
查看次数

如何更改Android Studio中的文件层次结构？

我不知道如何，但是android studio更改了我项目的文件层次结构...

参见下图。

此类型是此线上方的合适图像。

此行下方的图像是由android studio自动创建的。

如何更改回旧的文件层次结构类型？

android android-studio

Raj*_*dar

lucky-day

3
推荐指数

1
解决办法

1063
查看次数

ActivityIndicator不会在Android上旋转或仅对静态图像进行动画处理

活动指示器可以在IOS上正常工作，但不能在android上旋转或设置动画，任何帮助???

<View style{{marginLeft:0,width:60,height:60,borderRadius: 30,justifyContent:"center",alignItems:"center", backgroundColor:'#eee', borderColor:"#fff", borderWidth:1 }}>
    <ActivityIndicator size="small" animating={true}/>
</View>

Run Code Online (Sandbox Code Playgroud)

android activity-indicator react-native

Wat*_*lva

2018 05-04

2
推荐指数

2
解决办法

646
查看次数

如何修复此错误：检查 `DrawerNavigator` 的渲染方法

当我从注册屏幕导航到主屏幕时，出现以下错误。我在 React Native 中使用了嵌套导航。这是我的 app.js

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import  {createDrawerNavigator}  from '@react-navigation/drawer';
import Profile from './src/components/Profile';
import SignUp from './src/components/SignUp';
import LoginScreen from './src/screens/LoginScreen'
import ViewAllBooks from './src/screens/ViewAllBooks'
import Home from './src/screens/Home'




const Stack = createStackNavigator();
//  for drawer navigation
const Drawer = createDrawerNavigator();
function Root() {
  return (

      <Drawer.Navigator>
        <Drawer.Screen name="Home" component={Home} />
        
      </Drawer.Navigator>

  );
}
function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="signUp"> …

Run Code Online (Sandbox Code Playgroud)

react-native react-navigation react-navigation-v5 react-navigation-v6

Kee*_*man

2022 04-06

2
推荐指数

1
解决办法

3814
查看次数