如何在Viro React ARScene中放置滑动条?

时间:2019-07-13 13:53:56

标签: react-native viro-react

我想通过ViroReact在我的AR项目中放置一个滑块,但我的建议无法做到这一点,我需要一些帮助。 这是我的代码,我试图将两个视图放在一起,但这会给我错误

  

执行ui块时抛出异常无法识别的选择器已发送   实例

我不知道该怎么做。

render() {
    return (
      <View style={localStyles.outer} >
        <View style={localStyles.inner} >
          <ViroARScene onTrackingUpdated={this._onInitialized} >
            <ViroFlexView style={{ flexDirection: 'column' }} width={1} height={0.8} materials="hud_text_bg" position={[-1.5, 0, 0]} onClick={this._resetScene}>
            </ViroFlexView>
            <ViroQuad
              rotation={[-90, 0, 0]}
              position={[1, 3, -5]}
              width={10.0} height={10.0}
              arShadowReceiver={true}
              ignoreEventHandling={true} />

            <ViroButton
              source={require("./res/1.jpg")}
              position={[1, 3, -5]}
              height={2}
              width={3} />
            <ViroText text={this.state.text} scale={[.5, .5, .5]} position={[0, 0, -1]} style={styles.helloWorldTextStyle} />
            <ViroBox position={[0, -.5, -1]} scale={[.3, .3, .1]} materials={["grid"]} animation={{ name: "rotate", run: true, loop: true }} />
            <ViroAmbientLight color={"#aaaaaa"} />
            <ViroSpotLight innerAngle={5} outerAngle={90} direction={[0, -1, -.2]}
              position={[0, 3, 1]} color="#ffffff" castsShadow={true} />
            <Viro3DObject
              source={require('./res/emoji_smile/emoji_smile.vrx')}
              resources={[require('./res/emoji_smile/emoji_smile_diffuse.png'),
              require('./res/emoji_smile/emoji_smile_normal.png'),
              require('./res/emoji_smile/emoji_smile_specular.png')]}
              position={[-.5, .5, -1]}
              scale={[.2, .2, .2]}
              type="VRX" />
            <ViroNode position={[0, -1, 0]} dragType="FixedToWorld" onDrag={() => { }} >
              <Viro3DObject
                source={require('./res/emoji_smile/emoji_smile.vrx')}
                resources={[require('./res/emoji_smile/emoji_smile_diffuse.png'),
                require('./res/emoji_smile/emoji_smile_normal.png'),
                require('./res/emoji_smile/emoji_smile_specular.png')]}
                position={[-.5, .5, -1]}
                scale={[.2, .2, .2]}
                type="VRX" />
            </ViroNode>
          </ViroARScene>
        </View>

        <View style={tempstyles.container}>
          <Slider 
            maximumValue={100}
            minimumValue={0}
            minimumTrackTintColor="#307ecc"
            maximumTrackTintColor="#000000"
            step={1} 
            value={this.state.sliderValue}
            onValueChange={(sliderValue) => this.setState({ sliderValue })}>
          </Slider>
        </View>
      </View>
    );
    }

0 个答案:

没有答案